我正在使用带有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'))
从版本0.14开始,React 分为两个部分: React 和 ReactDOM。 您正在使用ReactDOM to render you HTML element。因此,对您而言,import ReactDOM在组件中绝对有意义。但是就React而言,尽管您不是直接使用React,而是间接使用它,因为您在return statement will be transpiled into React.createElement函数中编写的任何内容都会创建实际的DOM元素。
0.14
ReactDOM to render you HTML element
import ReactDOM
return statement will be transpiled into React.createElement
现在,如果您在代码中省略React,就可以看到此错误,您将看到一个错误
不存在反应
它将使您React is not recognised in React.createElement.希望您理解它。
React is not recognised in React.createElement.