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

问题描述 投票:0回答:1

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

这是我的代码:

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

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

react-native
1个回答
0
投票

在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。该组件现在是父视图的直接子级。

© www.soinside.com 2019 - 2024. All rights reserved.