amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-25 23:05:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3884 from glenjamin/patch-3

Browse Source 
Document boolean attributes in JSX
This commit is contained in:
Ben Alpert
2015-06-08 13:28:39 -07:00
parent d36a3c8326 466d65ea50
commit d00053fddd
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/02.1-jsx-in-depth.md
View File

@@ -176,6 +176,20 @@ var person = React.createElement(
);
```
### Boolean Attributes
Omitting the value of an attribute causes JSX to treat it as `true`. To pass `false` an attribute expression must be used. This often comes up when using HTML form elements, with attributes like `disabled`, `required`, `checked` and `readOnly`.
```javascript
// These two are equivalent in JSX for disabling a button
<input type="button" disabled />;
<input type="button" disabled={true} />;
// And these two are equivalent in JSX for not disabling a button
<input type="button" />;
<input type="button" disabled={false} />;
```
### Child Expressions
Likewise, JavaScript expressions may be used to express children: