小编典典

反应与反应DOM混淆

reactjs

我正在使用带有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'))

阅读 309

收藏
2020-07-22

共1个答案

小编典典

从版本0.14开始,React 分为两个部分: ReactReactDOM。 您正在使用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.希望您理解它。

2020-07-22