ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update React cheatsheet to follow 0.14 updates

This commit is contained in:
Ivan Akulov 2015-11-17 15:47:59 +03:00
parent b1fe163f31
commit 0a400be73e
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
react.md
View File

@ -16,7 +16,7 @@ var Component = React.createClass({
``` ```
```js ```js
React.render(<Component name="John" />, document.body); ReactDOM.render(<Component name="John" />, document.body);
``` ```
{:.light} {:.light}
@ -90,7 +90,8 @@ These are methods available for `Component` instances. See [Component API](http:
{:.center} {:.center}
```js ```js
React.findDOMNode(c) // 0.13+ ReactDOM.findDOMNode(c) // 0.14+
React.findDOMNode(c) // 0.13
c.getDOMNode() // 0.12 below c.getDOMNode() // 0.12 below
``` ```
{:.light} {:.light}
@ -192,8 +193,8 @@ Allows access to DOM nodes. See [References](http://facebook.github.io/react/doc
```js ```js
this.refs.myInput this.refs.myInput
React.findDOMNode(this.refs.myInput).focus() ReactDOM.findDOMNode(this.refs.myInput).focus()
React.findDOMNode(this.refs.myInput).value ReactDOM.findDOMNode(this.refs.myInput).value
``` ```
### DOM Events ### DOM Events
@ -364,16 +365,16 @@ var TickTock = React.createClass({
## [Top level API](https://facebook.github.io/react/docs/top-level-api.html) ## [Top level API](https://facebook.github.io/react/docs/top-level-api.html)
```js ```js
React.findDOMNode(c) // 0.13+
React.createClass({ ... }) React.createClass({ ... })
React.render(<Component />, domnode, [callback])
React.unmountComponentAtNode(domnode)
React.renderToString(<Component />)
React.renderToStaticMarkup(<Component />)
React.isValidElement(c) React.isValidElement(c)
ReactDOM.findDOMNode(c) // 0.14+
ReactDOM.render(<Component />, domnode, [callback]) // 0.14+
ReactDOM.unmountComponentAtNode(domnode) // 0.14+
ReactDOMServer.renderToString(<Component />) // 0.14+
ReactDOMServer.renderToStaticMarkup(<Component />) // 0.14+
``` ```
## JSX patterns ## JSX patterns