Reactjs 错误：无法读取属性'；安装组件'；未定义的

错误：无法读取未定义的属性“mountComponent”

不能在一个文件中使用多个组件

class Application extends React.Component {

  student = {
      name : 'Jacob',
      course: {name : 'ReactJs', duration: '3 hrs'},
      fee: 10000
  }

  render() {
    return <div>
      <p>Welcome</p>
      <Student student={this.student}/>
    </div>
  }
}

function Course(props) {
      return (
          <div className="course">
          <p> Course Name : {props.course.name}</p>
          <p> Course Duration : {props.course.duration}</p>
        </div>
           ); 
}

const Fee = (props) => {
    return (
      <div className="fee">
        <h4>Fees : {props.fee}</h4>
        </div>
    )
}

class Student extends React.Component {
    render(){
        return (
          <div className="student">
            <p> Name : {this.props.student.name} </p>
            <Course course={this.props.student.course} />
            <Fee fee={this.props.student.fee} />
          </div>
        )
    }
}

类应用程序扩展React.Component{
学生={
名字：'雅各布'，
课程：{name:'ReactJs'，持续时间：'3小时}，
费用：10000
}
render（）{
返回
欢迎光临

}
}
功能课程（道具）{
返回(
课程名称：{props.Course.Name}

课程持续时间：{props.Course.Duration}

); 
}
施工费用=（道具）=>{
返回(
费用：{props.fee}
)
}
学生扩展React.Component类{
render（）{
返回(
名称：{this.props.student.Name}

)
}
}

有时尝试使用类、函数和箭头方法连接多个组件

---

它需要多个文件吗

嗯，它是

ReactDOM.render（）

，而不是

React.render（）

：

ReactDOM.render(

ReactDOM.render(<Application />, document.getElementById("root"));