Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何创建本机模态窗口?_Javascript_Reactjs_React Native_Modal Window - Fatal编程技术网

Javascript 如何创建本机模态窗口?

Javascript 如何创建本机模态窗口?,javascript,reactjs,react-native,modal-window,Javascript,Reactjs,React Native,Modal Window,官方文档站点(React Native)上有一个模式窗口示例 import React,{Component}来自'React'; 从“react native”导入{Modal,Text,TouchableHighlight,View}; 类ModalExample扩展组件{ 状态={ modalVisible:错误, }; setModalVisible(可见){ this.setState({modalVisible:visible}); } render(){ 返回( { 警报(“模式

官方文档站点(React Native)上有一个模式窗口示例

import React,{Component}来自'React';
从“react native”导入{Modal,Text,TouchableHighlight,View};
类ModalExample扩展组件{
状态={
modalVisible:错误,
};
setModalVisible(可见){
this.setState({modalVisible:visible});
}
render(){
返回(
{
警报(“模式已关闭”);
}}>
你好,世界!
{
this.setModalVisible(!this.state.modalVisible);
}}>
隐藏模态
{
此.setModalVisible(true);
}}>
显示模态
);
}

}
那么,您只是在最后添加了两个字符串?就这样?请您使用CodePen发送一个链接好吗?是的,我将您的组件渲染到id为root的
div
。我不太擅长代码笔,所以我不知道怎么做。我明白了…显示/隐藏模式在那里不起作用。没关系?