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