は、私は次のコンポーネントを持っている子コンポーネント

Question

からアップデートコンポーネントの状態に反応します"toggleWrapper"メソッドを小道具として渡して、ヘッダーコンポーネント内のクリックイベントで状態を変更できるようにしようとしました。

アイコンをクリックしても画面に何も表示されません。

Answer 1

あなたのアプローチは正しいですが、コードには2つの問題があります。まず、上位コンポーネントのtoggleWrapper関数は、false（またはむしろ!true）以外に状態を実際に変更しません。このようにそれを修正：あなたの子コンポーネントで

toggleWrapper() { 
    this.setState({open: !this.state.open}); 
} 

第二toggleNavigation機能は、実際の関数を呼び出すことはありません。この場合、実際には別の関数を必要とするわけではありません。単にこれを行うことができます：

<button onClick={this.props.action} ...