目标容器不是反应中的DOM元素

时间:2018-06-18 05:42:34

标签: reactjs dom babel

我是React的新手。我无法弄清楚以下错误

Screenshot

2 个答案:

答案 0 :(得分:1)

就我所知,JSX在任何地方都无法运行。你必须创建组件,所以试试

import React from 'react'

class App = () => (<p>first react app</p>);

然后

ReactDOM.render(App, app)

答案 1 :(得分:0)

您必须使用babel traspiler将JSX转换为React代码。初学者设置React环境的最简单方法是使用create-react-app

我假设你已经安装了节点。如果没有,快速谷歌搜索将指导您如何安装nodejs。

之后,在要创建项目的目录中运行以下命令

npm install -g create-react-app
create-react-app my-app

cd my-app
npm start

然后打开浏览器并转到localhost:3000,您应该会看到您的反应模板。

有关create-react-app的更多信息,请访问以下链接

github page

react official documentation