javascript - react 与 react 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 进行渲染你的 HTML 元素。因此，在您的组件中 import ReactDOM 绝对有意义。但就 React 而言，虽然你没有直接使用 React，但它被间接使用，因为你在 return 语句中编写的任何内容都将被转换为 React.createElement 函数，该函数将创建实际的DOM 元素。

现在如果你在代码中省略 React 就可以看到这一点，你会看到一个错误

react is not present

它会给你React is not recognized in React.createElement.希望你能理解它。