Eslint-plugin-react: [react/jsx-boolean-value] enforce assign a `true` value for boolean props

[xareelee]

In Props Default to "True" of official docs (https://facebook.github.io/react/docs/jsx-in-depth.html#props-default-to-true):

In general, we don't recommend using this because it can be confused with the ES6 object shorthand {foo} which is short for {foo: foo} rather than {foo: true}. This behavior is just there so that it matches the behavior of HTML.

I think explicitly using {true} to a boolean prop better:

// good
<Foo bar={true}>

// bad
<Foo bar>

Is there any lint rule to enforce that?

[ljharb]

The airbnb guide requires that the ={true} be omitted; you can configure jsx-boolean-value however you like.

[xareelee]

How can I check <Foo bar> to be consider an error with eslint rule react/jsx-boolean-value and forcing to use <Foo bar={true}>?

[ljharb]

@xareelee if you read the link I provided, you can configure it with "always" or "never".

[xareelee]

@ljharb thanks. I got confused with error/warn/off and always/never.

"react/jsx-boolean-value": [2, "always"],

Now it's OK.