React Native - setState與其他組件

Question

我想在啓動Home時更改Header中的一些佈局。所以我決定撥打setState時HomecomponentWillMount。我怎樣才能將狀態設置爲不同的js文件中的其他組件。

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();通話需要去除。