webpack打包react出错

Question

代码：

var React = require('react');
React.render(
<div>test</div>,
    document.getElementById('box')
);

怎么会报
Warning: React.render is deprecated. Please use ReactDOM.render from require('react-dom') instead.

Answer 1

var React = require('react');
var ReactDOM = require('react-dom');

ReactDOM.render(
<div>test</div>,
    document.getElementById('box')

Answer 2

React 0.14 拆分为 react 和 react-dom，render是react-dom的API

Answer 3

说的很明白了啊，React.DOM 已经废弃了，需要引入 react-dom

Answer 4

你可以看看 node_modules 里 react-dom 的 index.js:

module.exports = require('react/lib/ReactDOM');

Answer 5

汗，这个是警告不是报错呀，再有就是react 新版本是把render 独立出来了的