Reactjs 将React组件安装到客户端

我对React比较陌生，我将要挂载我的第一个React组件，但是当我去渲染代码时，它没有挂载。有人能帮我吗

import React, { Component } from 'react';

class Hello extends Component{
    render() {
        return (
            <div>
            <h1>Hello California</h1>   
            </div>
        );
    }
}
React.render(<Hello />, document.getElementById("root"));

import React，{Component}来自'React'；
类Hello扩展组件{
render（）{
返回(
你好，加利福尼亚
);
}
}
React.render（，document.getElementById（“根”））；

您需要使用将React元素呈现到所提供容器中的DOM中（

Hello

）

从“react dom”导入ReactDOM；
//你所有的密码
render（，document.getElementById（“根”））；

要呈现此组件，需要做两件事

1） ReactDOM是将组件呈现给绑定html元素的库，因此首先从“ReactDOM”包导入ReactDOM

2） 然后调用ReactDOM的render方法

只需在类组件外部调用reatDOM.render once方法

这是完整的代码

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

class Hello extends Component{
    render() {
     return (
         <div>
         <h1>Hello California</h1>   
         </div>
    );
   }
}

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

import React，{Component}来自'React'；
从“react dom”导入react dom；
类Hello扩展组件{
render（）{
返回(
你好，加利福尼亚
);
}
}
render（，document.getElementById（“根”））；

---

希望这能奏效。

您所说的供应集装箱是什么意思？我是新的反应；“你能解释一下吗？”马克：当然可以。我在括号中提到了它

Hello

<代码>渲染来自

ReactDOM

的方法用于将React组件附加到浏览器DOM。我还建议一页一页地阅读指南，以熟悉React概念。我只是修改了代码，但仍然不起作用？代码如下所示：从“react dom”导入react dom；类Hello扩展了组件{ReactDOM.render（）{return（Hello California）；}}ReactDOM.render（，document.getElementById（“root”）；我到底做错了什么？id为

root

的dom在哪里？@Mark你打开我给你的链接了吗？检查您是否添加了id为root的html，如

？

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

class Hello extends Component{
    render() {
     return (
         <div>
         <h1>Hello California</h1>   
         </div>
    );
   }
}

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