文本节点不能是<view>react-native

Question

在开发反应本机应用程序时，我正在努力解决此警告。该应用程序是一个待办事项列表，它给了我一个警告，如下所示：文本节点不能是 的子节点。

这是我的代码：

class Task extends React.Component {
constructor(props){
super(props)

}

render(){
  return (
   <View style={styles.item}>
   <View style={styles.itemLeft}>
    <View style={styles.square}></View>
    <View style={styles.itemText} ><Text>{this.props.text}</Text></View>
   </View>
   <View style={styles.circular}></View>
   </View>
  )
 }
}

由于严重的内存泄漏，此警告使所有应用程序立即崩溃，我不知道出了什么问题。

Answer 1

在React Native中，组件应该直接在父组件内部使用，而不需要任何封闭的View。

class Task extends React.Component{
   constructor(props) {
   super(props);
 }

render() {
return (
  <View style={styles.item}>
    <View style={styles.itemLeft}>
      <View style={styles.square}></View>
      <Text style={styles.itemText}>{this.props.text}</Text>
    </View>
    <View style={styles.circular}></View>
  </View>
 );
 }
}

在此修改后的代码中，我删除了 Text 组件 ({this.props.text}) 周围不必要的 View。该组件现在是父视图的直接子级。