我安装了package.json这样的reactjs和react-dom
"dependencies": {
"bootstrap": "^v4.1.1",
"popper.js": "^1.14.3",
"react": "^v16.4.1",
"react-dom": "^16.4.1"
}
Run Code Online (Sandbox Code Playgroud)
它正确下载了react文件夹和react-dom文件夹。
这两个文件夹都有cjs和umd文件夹,并且它们都有很多js文件。
对我来说,无法找到两个文件夹中文件之间的差异。
像这样:
URL: node_modules/react/umd
react-development.js
react-production.min.js
URL : node_modules/react/cjs
react-development.js
react-production.min.js
Run Code Online (Sandbox Code Playgroud)
与react-dom几乎相同。它还具有cjs和umd文件夹,我不知道应该使用哪个文件夹中的哪个文件来开发React应用程序或网站。
我是React开发的新手,并试图了解classNames如何在React中工作。
这是我书中的代码。我只是复制了它。
const MOUNT = document.getElementById('root');
class App extends React.Component {
render() {
const klasses = classNames({
box: true, // always apply the box class
alert: this.props.isAlert, // if the prop is set
severity: this.state.onHighAlert, // with state
timed: false // never apply this class
});
return React.createElement(
'div',
{className: klasses},
React.createElement('h1', {}, 'Hello world')
);
}
}
ReactDOM.render(React.createElement(App, {}), MOUNT);
Run Code Online (Sandbox Code Playgroud)
我将脚本文件包含到html的此代码中,并且浏览器控制台显示了此类错误。
app.js:4 Uncaught ReferenceError: classNames is not defined
at App.render (app.js:4)
at finishClassComponent (react-dom.js:11320)
at updateClassComponent (react-dom.js:11297)
at beginWork …
Run Code Online (Sandbox Code Playgroud)