Javascript 我的“错误”是什么；“你好，世界”；例子？

我学习ReactJS并尝试通过“clear ReactJS”使用它

这是我的简单代码：

类MyList扩展了React.Component{
建造师（数据）{
超级（数据）
this.text=data.text
}
render（）{
返回React.createElement（“h1”，null，
此文件（0.props.text）
}
}
const root=document.getElementById（“根”）
const component=new MyList（{text:“abcdefgh”}）
ReactDOM.render（组件，根）

---

错误在常量组件行中。ReactDOM.render函数的第一个参数应该是实际的组件。组件是通过使用React.createElement生成的（就像您在MyList组件的render（）函数中所做的那样）。下面是一个工作示例：

---

错误在常量组件行中。ReactDOM.render函数的第一个参数应该是实际组件。组件是使用React.createElement生成的（就像您在MyList组件的render（）函数中所做的那样）。以下是一个工作示例：

---

您正在使用旧版本的ReactJS。这是React v16的外观

import React,{ Component } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

class App extends Component {

  constructor(props) {
    super(props)
  }

  render() {
    return(
      <h1>Hello World</h1>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

import React，{Component}来自“React”；
从“react dom”导入react dom；
导入“/styles.css”；
类应用程序扩展组件{
建造师（道具）{
超级（道具）
}
render（）{
返回(
你好，世界
);
}
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）；

您使用的是旧版本的ReactJS。React v16就是这样的

import React,{ Component } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

class App extends Component {

  constructor(props) {
    super(props)
  }

  render() {
    return(
      <h1>Hello World</h1>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

import React，{Component}来自“React”；
从“react dom”导入react dom；
导入“/styles.css”；
类应用程序扩展组件{
建造师（道具）{
超级（道具）
}
render（）{
返回(
你好，世界
);
}
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）；

首先将脚本包含到

react.js

而不是

react.min.js

中，您会得到更好的错误消息。为什么要使用react 15？首先将脚本包含到

react.js

而不是

react.min.js

中，您会得到更好的错误消息。为什么要使用react 15？