關于React版本的問題

視頻錄制時最新的React版本是0.13，而現在React版本已經更新到了0.14(2015-11-17), ?視頻放出來的略晚, 而React的API還處于一個比較頻繁的變化階段，所以可能視頻中有些內容跟0.14版本的React有出入，希望大家選擇性學習。

Materliu

2015-11-17

源自：React入門

關注問題我要回答

6687

操作

收起

7 回答

Materliu 提問者
2015-11-20

主要的變化涉及以下幾點：（2）

在React 0.14之前的版本，我們使用React Web相關的能力的時候，只需要引入一個JS文件， react.js,? 但React 0.14之后(包括0.14), react的設計團隊為了將React的應用場景更加細化，同react-native, react-art, react-canvas, react-three 等形成并行，將React Web的能力拆分成了 react.js, react-dom.js 并將DOM操作相關的接口，放在了react-dom.js的ReactDOM對象上，所以涉及一些API的變更：

React.render 變成了 ReactDOM.render

React.findDOMNode 變成了 ReactDOM.findDOMNode? 等

至于React.render 這些在0.14.X的版本還能用，但是會有warning提示消息，0.15版本將會被徹底廢棄，希望大家盡早規避使用老接口。

1 回復有任何疑惑可以回復我~

收起回答

Materliu 提問者
2015-11-20

主要的變化涉及以下幾點：（1）

在React 0.14之前的版本， react component上的ref屬性指向的是對React DOM Component的引用，并不是頁面上真實的DOM節點，而在React 0.14之后(包括0.14) , ref開始指向真實的DOM節點。舉例說明：

var?Zoo?=?React.createClass({
??render:?function()?{
????return?<div>Giraffe?name:?<input?ref="giraffe"?/></div>;
??},
??showName:?function()?{
????//?Previously:?var?input?=?this.refs.giraffe.getDOMNode();
????var?input?=?this.refs.giraffe;
????alert(input.value);
??}});