反应与反应DOM混淆

Question

我正在使用带有react的ES6 babel，现在对于较新版本的react，react
DOM不再是它的一部分。我对以下代码的怀疑是，这是第一行吗？因为我无处需要React，但最后一行需要ReactDOM。

const React = require('react')
const ReactDOM = require('react-dom')

const App = () => {
    return (
        <div className='app-container'>
            <div className='home-info'>
                <h1 className='title'>sVideo</h1>
                <input className='search' type='text' placeholder='Search' />
                <button className='browse-all'> or Browse All</button>
            </div>
        </div>
    )
}

ReactDOM.render(<App />, document.getElementById('app'))

Answer 1

从版本0.14开始，React 分为两个部分： React 和 ReactDOM。 您正在使用ReactDOM to render you HTML element。因此，对您而言，import ReactDOM在组件中绝对有意义。但是就React而言，尽管您不是直接使用React，而是间接使用它，因为您在return statement will be transpiled into React.createElement函数中编写的任何内容都会创建实际的DOM元素。

现在，如果您在代码中省略React，就可以看到此错误，您将看到一个错误

不存在反应

它将使您React is not recognised in React.createElement.希望您理解它。