React
Quick Start
Community Resources
Guides
Reference
Tips
- Introduction
- Inline Styles
- If-Else in JSX
- Self-Closing Tag
- Maximum Number of JSX Root Nodes
- Shorthand for Specifying Pixel Values in style props
- Type of the Children props
- Value of null for Controlled Input
- componentWillReceiveProps Not Triggered After Mounting
- Props in getInitialState Is an Anti-Pattern
- DOM Event Listeners in a Component
- Load Initial Data via AJAX
- False in JSX
- Communicate Between Components
- Expose Component Functions
- this.props.children undefined
- Use React with Other Libraries
- Dangerously Set innerHTML
Edit on GitHub
Special Non-DOM Attributes
Beside DOM differences, React offers some attributes that simply don't exist in DOM.
key: an optional, unique identifier. When your component shuffles around duringrenderpasses, it might be destroyed and recreated due to the diff algorithm. Assigning it a key that persists makes sure the component stays. See more here.ref: see here.dangerouslySetInnerHTML: Provides the ability to insert raw HTML, mainly for cooperating with DOM string manipulation libraries. See more here.