我正在使用带有 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 进行渲染你的 HTML 元素
。因此,在您的组件中 import ReactDOM
绝对有意义。但就 React 而言,虽然你没有直接使用 React,但它被间接使用,因为你在 return 语句中编写的任何内容都将被转换为 React.createElement
函数,该函数将创建实际的DOM 元素。
现在如果你在代码中省略 React 就可以看到这一点,你会看到一个错误
react is not present
它会给你React is not recognized in React.createElement.
希望你能理解它。
关于javascript - react 与 react DOM 混淆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39760815/