1. 程式人生 > >React v0.14 概覽 || 關於React版本的問題

React v0.14 概覽 || 關於React版本的問題

iou clas web warning mil ret 引入 span 新版

react新版本的一些細節變化:

https://undefinedblog.com/react-v0-14/

主要的變化涉及以下幾點:

(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 Giraffe name: "giraffe" /> ; }, showName:
function() {
// Previously: var input = this.refs.giraffe.getDOMNode(); var input = this.refs.giraffe; alert(input.value); }});

(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版本將會被徹底廢棄,希望大家盡早規避使用老接口

React v0.14 概覽 || 關於React版本的問題