React native 在组件之间操作本机值

React native 在组件之间操作本机值,react-native,React Native,我有这个模态组件: export default class PopUpModal extends Component { constructor() { super(); //this.state = {windowVisible: false}; } openModal = () => { this.props.onToggle(true); } closeModal = () => { con

我有这个模态组件:

    export default class PopUpModal extends Component {
   constructor() {
      super();
      //this.state = {windowVisible: false};
   }
   openModal = () => {
      this.props.onToggle(true);
   }
   closeModal = () => {
      console.log('Pressing CLOSE');
      this.props.onToggle(false);
   }
   setMessage = (text) => {
       this.props.modalText = text;
   }
   render() {

      return (

        <Modal style={styles.modal} position={"center"} swipeToClose={false} backdropPressToClose={false} visible={this.props.windowVisible} 
        onRequestClose={() => {this._setModalVisible(false)}} >
                <View style={styles.modalContentContainer}>
                <TouchableHighlight onPress={() => {
                  this.closeModal();
                }}>

                <Text>{this.props.modalText}</Text>
                </TouchableHighlight>

                </View>
            </Modal>
      );

   }
}
因为我甚至不知道该如何开始,所以在这个问题上确实没有代码可以指向。但是我想要实现的是让我的PopUpModal组件中的元素值根据我将要编写的一些if语句而改变。基本上是从LogInScene设置它的值


提前谢谢。

我不确定我是否正确理解您的需求。似乎您希望将数据从LoginScene(modalText)传递到PopUpModal组件

你可以把它当作道具传递

<PopUpModal
    windowVisible={this.state.windowVisible} 
    onToggle={this.onTogglePopUpWindow}
    modalText={this.state.modalText}      
        />

这么简单。。我没有看到莫代尔和文本之间的关系。非常感谢。
<PopUpModal
    windowVisible={this.state.windowVisible} 
    onToggle={this.onTogglePopUpWindow}
    modalText={this.state.modalText}      
        />
export default class PopUpModal extends Component {
   constructor() {
      super();
      console.log(this.props.modalText)
   }