-3
Q
が反応:
A
答えて
0
複数onClicksで繰り返しJSXをレンダリングは、ここでは、アクション
class NewComponent extends React.Component {
render() {
return (
<div {...this.props}>
new component
</div>
);
}
}
class Button extends React.Component {
render() {
return (
<button {...this.props}>
click
</button>
);
}
}
class App extends React.Component {
constructor() {
super();
this.state = {
clicked: false
};
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState({
clicked: true
});
}
render() {
return (
<div>
<Button onClick={this.handleClick} />
{this.state.clicked ? <NewComponent /> : null}
</div>
);
}
};
ReactDOM.render(
<App />,
document.getElementById("root")
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root">loading...</div>
関連する問題
- 1. 反応が反応した反応成分から反応して反応する成分を反応ユニットテスト
- 2. 反応がネイティブで反応しない
- 3. が反応ブートストラップ
- 4. が反応JS
- 5. が反応 - コンポーネント
- 6. が反応 - 親
- 7. が反応:componentWillMount
- 8. が反応ネイティブ
- 9. が反応 - コンポーネント
- 10. が反応 - 外
- 11. が反応JS
- 12. が反応:キー
- 13. が反応JS
- 14. が反応 - 親
- 15. が反応 - セクション
- 16. が反応ブートストラップ
- 17. 反応ネイティブランアンドロイドと反応ネイティブスタート
- 18. が反応し、ナビゲーション
- 19. レルムが反応ネイティブエラー
- 20. が反応:一度
- 21. list.mapが反応コンポーネント
- 22. が反応:renderメソッド
- 23. スタイルが反応ネイティブ
- 24. が反応し、ネイティブ
- 25. が反応:配列
- 26. Firebaseが反応モジュール
- 27. モーダルが反応-マテリアライズ
- 28. エースエディタがレンダリング反応
- 29. が反応/ Reduxの
- 30. 入力が遅い反応の反応が遅い