Javascript 通过单击按钮加载反应

我想创建一个类，在将react.js文件加载到使用react指定的div中时，我在网上没有找到任何与之相关的内容。

检查此示例：

假设您有两个组件App和Child，并且希望在选中复选框时呈现Child组件，这称为条件呈现

app.js文件，导入app组件中的child.js文件：

import Child from './child';

class App extends React.Component {
    constructor() {
        super();
        this.showComments = this.showComments.bind(this);
        this.state = {
            showComponent: false,
        };
    }

    showComments(e) {
        this.setState({
            showComponent: e.target.checked,
        });
    }

    render() {
           return (
                <div className="add_checkbox">
                   <span>Enable Comments</span>
                   <input className="checkbox" type="checkbox" name="enable_comment" onClick={this.showComments} value="enable_comment"/>
                   {this.state.showComponent ? <Child/>  : null}
                </div>
        )
    }
}

child.js文件：

检查小提琴的工作示例：

---

如果你需要帮助，请告诉我。

伙计，你需要提供更多的细节，你的要求很含糊。

export default class Child extends React.Component{
   render(){
       return(
          <div>Hello</div>
       );
   }
}

ReactDOM.render(<App />, document.getElementById('container'));