Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +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 7f7528c454 0950f50753
commit 6b8ed9b64e
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/docs/02.1-jsx-in-depth.md
+14
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: