在2015-11-17,React更新了0.14版本倒得,其中有不少的內(nèi)容發(fā)生了改變农渊,一次踩了不少的坑厨幻,為了今后少跳坑,就把現(xiàn)在已經(jīng)掌握到的變化一一加以列舉
- 在React 0.14之前的版本腿时, react component上的ref屬性指向的是對(duì)React DOM Component的引用,并不是頁(yè)面上真實(shí)的DOM節(jié)點(diǎn)饭宾,而在React 0.14之后(包括0.14) , ref開始指向真實(shí)的DOM節(jié)點(diǎn)批糟。舉例說明:
var Zoo = React.createClass({
render: function() {
return <div>Giraffe name: <input ref="giraffe" /></div>;
},
showName: function() {
// var input = this.refs.giraffe.getDOMNode();//之前早期的寫法
var input = this.refs.giraffe;
alert(input.value);
}});
```
- 在React 0.14之前的版本, 我們使用React Web相關(guān)的能力的時(shí)候看铆, 只需要引入一個(gè)JS文件徽鼎, react.js, 但React 0.14之后(包括0.14), react的設(shè)計(jì)團(tuán)隊(duì)為了將React的應(yīng)用場(chǎng)景更加細(xì)化,同react-native, react-art, react-canvas, react-three 等形成并行弹惦, 將React Web的能力拆分成了 react.js, react-dom.js 并將DOM操作相關(guān)的接口否淤,放在了react-dom.js的ReactDOM對(duì)象上,所以涉及一些API的變更:
React.render 變成了 ReactDOM.render
React.findDOMNode 變成了 ReactDOM.findDOMNode 等
注意:至于React.render 這些在0.14.X的版本還能用棠隐,但是會(huì)有warning提示消息石抡,0.15版本將會(huì)被徹底廢棄。