将React组件安装到客户端

Question

我对React比较陌生，我即将安装我的第一个反应组件，但是当我去渲染代码时它没有安装。有人能帮我一下吗？

import React, { Component } from 'react';

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

Answer 1

您需要做两件事来渲染此组件

1）ReactDOM是将组件呈现给绑定html元素的库，因此首先从'react-dom'包导入ReactDom

2）然后调用ReactDOM的渲染方法

您只需要在类组件外调用reatDOM.render一次

这是完整的代码。

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"));

希望这会奏效。

Answer 2

您需要使用ReactDOM.render()将React元素呈现到提供的容器（Hello）中的DOM中。

import ReactDOM from 'react-dom';

// all codes you have

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