Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.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
React native React Native:文本字符串必须在组件中呈现_React Native_Expo - Fatal编程技术网

React native React Native:文本字符串必须在组件中呈现

React native React Native:文本字符串必须在组件中呈现,react-native,expo,React Native,Expo,我试图创建一个配置文件页面,用户可以上传一个图像作为react native elements化身,并在一个native base form元素上更新他的配置文件信息 我还使用React Native default ImageEditor进行图像裁剪,并使用Expo的ImagePicker选择图像 但是当我在Expo上打开应用程序时,我发现了这个错误 不变冲突:不变冲突:必须在组件内呈现文本字符串 下面是我正在使用的代码 请帮忙 从React导入React; 进口{ 看法 文本 平面列表, 活

我试图创建一个配置文件页面,用户可以上传一个图像作为react native elements化身,并在一个native base form元素上更新他的配置文件信息

我还使用React Native default ImageEditor进行图像裁剪,并使用Expo的ImagePicker选择图像

但是当我在Expo上打开应用程序时,我发现了这个错误

不变冲突:不变冲突:必须在组件内呈现文本字符串

下面是我正在使用的代码

请帮忙

从React导入React; 进口{ 看法 文本 平面列表, 活动指示器, 可触摸不透明度, 样式表, 图像编辑器 }来自本地; 从react本地元素导入{Avatar}; 从“本机基”导入{容器、内容、表单、输入、标签、项}; 从“世博会”导入*作为世博会; 导出默认类概要文件屏幕扩展React.Component{ 静态导航选项={ } 构造器{ 超级作物; 此.state={ 加载:false, 图像:空, 错误:null, 刷新:错误 }; } 异步选取映像{ 让结果=等待Expo.ImagePicker.launchImageLibraryAsync{ 允许编辑:对, 相位:[4,3], }; 如果结果被取消{ console.log'got here'; 回来 } let resizedUri=等待新的承诺者解决,拒绝=>{ ImageEditor.cropImageresult.uri, { 偏移量:{x:0,y:0}, 大小:{width:result.width,height:result.height}, 显示大小:{宽度:100,高度:100}, resizeMode:'包含', }, uri=>resolveuri, =>拒绝, ; }; //这将为您提供一个rct映像存储URI或一个base64映像标记 //您可以从ImageStore使用 this.setState{image:resizedUri}; } 渲染{ 设{image}=this.state; 回来 警报“保存”}> 拯救 警报“取消”}> 取消 //空视图 //空视图 名字 姓 电子邮件 } } const styles=StyleSheet.create{ 标签文本:{ 尺寸:12, 颜色:“1f618d”, 重量:“100” } };
JSX中的注释必须具有以下语法

{/* Empty view */}
使用类似//空视图删除注释 如果您希望在render return方法中添加注释,您必须使用{/*Empty View*/}类似的方法

而不是 //空视图 写 {/*空视图*/}

不能像返回函数中的//注释那样直接添加注释,只允许在呈现或业务逻辑部分中添加注释

谢谢

删除//注释

使用jsx注释样式

{/* comment */}

问题是在渲染//Empty View中使用注释的方式使用类似于{/*Empty View*/}

尝试在渲染部分使用{/*Empty View*/}

`//Empty View`进行注释,因为出现错误。请将其标记为答案。谢谢@用户3001658