Question

我是React的新手，试图在Mac上的React中运行一个简单的代码，但无法成功运行该代码。我遇到以下错误：

这将详细解释错误：

6 | React.DOM.render（

react__WEBPACK_IMPORTED_MODULE_0 ___ default.a.DOM.render（react__WEBPACK_IMPORTED> _MODULE_0 ___ default.a.createElement（_App__WEBPACK_IMPORTED_MODULE_2 __ [“ default”>]，null），document.getElementById（'root'））;

以下是代码和文件：

package.json

    {
       "name": "a",
       "version": "0.1.0",
       "private": true,
       "dependencies": {
       "react": "^16.8.6",
       "react-dom": "^16.8.6",
       "react-scripts": "3.0.1"
    },
      "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "test": "react-scripts test",
      "eject": "react-scripts eject"
    },
    "eslintConfig": {
       "extends": "react-app"
     },
    "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
     "development": [
        "last 1 chrome version",
        "last 1 firefox version",
         "last 1 safari version"
      ]
     }
    }

webpack.config.js

module.expprts = {
    bundle: './src/index.js
}

index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
 import HelloWorld from './App';

 React.DOM.render(
    React.createElement(HelloWorld, null),
    document.getElementById('root')
 )

App.js

 import React from 'react';

 let h1 = React.createElement('h1', null, 'Hello World')

 class HelloWorld extends React.Component {
    render() {
       return React.createElement('div', null, h1, h1)
 }

}

export default HelloWorld;

Answer 1

在index.js中

ReactDOM.render(
    React.createElement(HelloWorld, null),
    document.getElementById('root')
 )

您应该使用

ReactDOM.render（）

无法在Mac上运行React JS。 'TypeError：无法读取未定义的属性'render''

1 个答案: