Question

我不断收到不变式违规，我真的不知道为什么...

<TouchableHighlight key={index} style={styles.viewContent} onPress={() => this.handleAlarmPress(alarm)}>
<Image style={styles.iconWarning} source={warningIcon} />
<View style={styles.textContent}>
<Text style={styles.textTime}>{time}</Text>
<Text style={styles.textDetail}>{alarm.facilityName}</Text>
<Text style={styles.textDetail}>Room: {alarm.room}</Text>
<Text style={styles.textDetail}>Floor: {alarm.floor}</Text>
</View>
</TouchableHighlight>

如果我删除标签，则效果很好。您认为是什么原因？

Answer 1

摘自https://facebook.github.io/react-native/docs/touchablehighlight上的文档

TouchableHighlight必须有一个孩子（不能为零或多个）。如果您希望有几个子组件，请将它们包装在View中。

您的$ mysql -h 127.0.0.1 -u root -p包含两个孩子（一个TouchableHighlight和一个Image），但是View旨在与一个孩子一起工作。尝试将TouchableHighlight和Image包装在另一个View中，例如

View

不变违规：不变违规：React.Children。仅预期接收单个React元素的孩子。不知道为什么

1 个答案: