在开发反应本机应用程序时,我正在努力解决此警告。该应用程序是一个待办事项列表,它给了我一个警告,如下所示:文本节点不能是
这是我的代码:
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中,组件应该直接在父组件内部使用,而不需要任何封闭的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。该组件现在是父视图的直接子级。