web-dev-qa-db-ja.com

ボタンがクリックされたときに、関数内のReactコンポーネントを呼び出す

Containerコンポーネントがレンダリングされていません。 Containerコンポーネントをレンダリングできない理由を誰かに教えてもらえますか?

App.js

import React, { Component } from "react";
import "./App.css";
import Container from "./Container";

class App extends Component {
  add() {
    return <Container />;
  }
  render() {
    return (
      <div className="App">
        <button onClick={() => this.add()}>CLICK</button>
      </div>
    );
  }
}

export default App;

Container.js

import React, { Component } from "react";

export default class Container extends Component {
 render() {
   return <h1>hello</h1>;
  }
}
3
srinivas

コンポーネントをレンダリングする関数でthis.stateを変更するだけです。 this.setState({addContainer:true})すべてのコンポーネントをrender()関数で通常どおりレンダリングし、状態が変化すると、コンポーネントが自動的にレンダリングされます。

0
Akshata Dabade