ネイティブsetStateを他のコンポーネントに返す

Question

Homeを起動すると、Headerのレイアウトを変更したいと思います。だからsetStateをHomecomponentWillMountと呼ぶことにしました。どのように私は別のjsファイル内の他のコンポーネントにsetStateすることができます。

Header.js

class Header extends React.Component { 
     constructor(props) { 
      super(props); 
      this.state = { type: '' }; 
     } 

     render() { 
      if(this.state.type == "home"){ 
       //do something 
      }else{ 
       //do something 
      } 
     } 
    } 

    module.exports = Header; 
    AppRegistry.registerComponent('myApp',() => Header); 

Home.js

class Home extends React.Component { 

     //set from here 
     componentWillMount(){ 
      this.setState({Header.state.type:'home'}); 
     } 
    } 

    module.exports = Home; 
    AppRegistry.registerComponent('myApp',() => Home); 

Answer 1

あなたは一つの共通の親コンポーネントとAppRegistry.registerComponent()経由でマウント唯一の初期のコンポーネントを必要としています。そのような：あなたの他のコンポーネントで

Parent.js

class Parent extends React.Component { 
    constructor(props) { 
     super(props); 
     this.state = { type: '' }; 
    } 

    render() { 
     <Header></Header> 
     <Home></Home> 
    } 
} 

module.exports = Parent; 
AppRegistry.registerComponent('myApp',() => Parent); 

AppRegistry.registerComponent();呼び出しは削除する必要があります。