使用React时React.render()抛出“未定义ReactDOM”

时间:2018-11-29 17:24:48

标签: reactjs

执行npm install -g create-react-app后,将使用create-react-app ./example创建项目文件夹。

我们在以后的项目中使用npm start在开发人员模式下运行。

以下 App.js 的简单示例应输出“ Hello World”,但会发生编译错误:

ReactDOM.render(s
  <H1>Hello, World!</h1>,
  document.getElementById('root')
);

错误如下:

  

编译失败-未定义./src/App.js ReactDOM

如何解决此问题?

2 个答案:

答案 0 :(得分:5)

  
      
  • 在渲染后删除“ s”
  •   
  • 添加react和dns-dom模块
  •   
import React from 'react'

import ReactDom from 'react-dom'
  
      
  • 检查标签h1名称
  •   
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
    <h1>Hello, World!</h1>,
    document.getElementById('root')
);

答案 1 :(得分:0)

我认为   添加“从'react-dom'导入ReactDOM”;在顶部。 它将运行。