Загрузка React с помощью нажатия одним нажатием кнопки

Question

Я хочу создать класс, который при загрузке файла response.js в div, указанный с помощью реакции, не нашел ничего, связанного с этим в сети.

Answer 1

Проверить этот пример:

Допустим, у вас есть 2 компонента App and Child, и хочет render ребенка компонента на проверку флажок, это называется conditional rendering.

app.js файл, импорт файлов child.js в App компонента:

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

Проверить fiddle для рабочего примера: https://jsfiddle.net/ztx9kd1w/

Дайте мне знать, если вы нужна помощь.