與Relay的客戶端組件通信？

Question

內部react-relay應用程序我需要根據主要內容組件的狀態來更改我的sidenav組件。

它是客戶端組件通信的簡單全局存儲嗎？可以使用虛擬變異並反彈嗎？還是應該將我的狀態保持在最不共同的父親身上？

Answer 1

如果使用Redux，則可以將應用程序與全局狀態關聯。然後可以通過將相同的道具傳遞給它們來設置這兩個組件。

讓說你定義你的應用程序。在渲染你應該有這樣的：

render() { 
     const {myValue} = this.props; 
     return (<div> 
       <MyFirstComponent propValue={myValue}/> 
       <MySecondComponent propValue={myValue}/> 
       </div> 
     ); 
} 

然後在應用

App.propTypes = { 
    myValue: PropTypes.object 
}; 

function mapStateToProps(state) { 
     return { 
      myValue: state.myReducer.myValue 
     } 
} 

export default connect(mapStateToProps)(App) 

每次結束時，你派遣一個行動，這將返回myvalue的兩個部件的更新值將是分享。