javascript - 当我的组件在 View 中但使用语句时，为什么会发生不变违规？

Question

这是 React Native

0.59.6

我创建的功能是为了覆盖但不起作用

return s == '00' ? <View>
        <TouchableOpacity onPress={() => this.setState({
          timeCount: 'A'
        })}>
          Jangkrik
        </TouchableOpacity>
      </View> : h + m + ':' + s 

我如何解决这个问题，但如果使用文本，它可以像下面的代码一样工作:

return s == '00' ? <Text> Jangkrik </Text> : h + m + ':' + s

但是当使用 Button 或 TouchbelOpacity 时会出现不变错误

Answer 1

TimerCountdown 组件的

formatMilliseconds 应返回原始文本，例如 h + m + ':' + s 一些文本包含在 Text 组件中

返回的值将在 Text 组件内呈现...因此，当您尝试返回 TouchableOpacity 组件时，您会遇到不变违规 错误...在react-native中导致:Text组件不接受TouchableOpacity作为子组件...

文本组件的有效子组件有: 1. 原始文本。 2. 文本组件