React v0.14 概览 || 关于React版本的问题

Posted 2020-09-26 爱美的女孩儿

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版本将会被彻底废弃，希望大家尽早规避使用老接口