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)
}