关于React版本的问题
视频录制时最新的React版本是0.13, 而现在React版本已经更新到了0.14(2015-11-17), 视频放出来的略晚, 而React的API还处于一个比较频繁的变化阶段,所以可能视频中有些内容跟0.14版本的React有出入, 希望大家选择性学习。
视频录制时最新的React版本是0.13, 而现在React版本已经更新到了0.14(2015-11-17), 视频放出来的略晚, 而React的API还处于一个比较频繁的变化阶段,所以可能视频中有些内容跟0.14版本的React有出入, 希望大家选择性学习。
2015-11-17
主要的变化涉及以下几点:(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)
在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); }});
举报