Question

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

Answer 1

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

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

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

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

这是完整的代码。

<div class="my_banner_reg">
        <img class="banner02" src="images/slider.jpg"/>

</div>

希望这会起作用。

Answer 2

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

import ReactDOM from 'react-dom';

// all codes you have

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

将React组件安装到客户端

2 个答案: