React Native：文本字符串必须在<text>组件中呈现

Question

我正在尝试创建一个“个人资料”页面，用户可以在其中上传图像作为 react-native-elements头像，并在 native-base表单元素上更新其个人资料信息。

我还使用 React Native默认ImageEditor 进行图像裁剪，并使用 Expo中的ImagePicker 选择图像。

但是当我在Expo上打开应用程序时，出现此错误

不变式违规：不变式违规：文本字符串必须在组件中呈现

下面是我正在使用的代码。

请帮助。

PictureDrawable pictureDrawable = svg.createPictureDrawable();
Bitmap bitmap = Bitmap.createBitmap(pictureDrawable.getIntrinsicWidth(), pictureDrawable.getIntrinsicHeight(), Config.ARGB_8888); 
Canvas canvas = new Canvas(bitmap); 
canvas.drawPicture(pictureDrawable.getPicture()); 
currentBitmap = bitmap;

}    }）;

Answer 1

尝试使用{/* Empty view */}在渲染部分中添加评论

Answer 2

JSX内部的注释必须具有以下语法。

{/* Empty view */}

Answer 3

使用类似//Empty view的方式删除评论 如果您希望在渲染return方法中添加评论，则必须使用{/*Empty View*/}这样的内容。

代替 <View style={{height: 30}}></View> //Empty view 写 <View style={{height: 30}}>{/*Empty View*/}</View>

您不能像在//comments函数中的return一样直接添加注释，而只能在渲染或业务逻辑部分中添加注释。

谢谢

Answer 4

删除//评论

利用jsx注释样式

{/* comment */}

Answer 5

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