Javascript 如何使复选框的文本也切换

我有复选框和文本“单击我”。 我没有为复选框使用任何外部库

<TouchableOpacity
          onPress={onPress}
      >
        {isSelected && (
            <Icon
                color={Colors.darkPurple}
            />
        )}
      </TouchableOpacity>

{isSelected&&(
)}

并将此组件导入另一个组件，添加文本（我是指复选框的标题）

点击我

问题是唯一的复选框图标是可点击的。我需要使复选框的标题也可以点击

---

反应本机。

您应该将标题作为复选框组件本身的一部分。例如，您可以将标题作为子项传递：

<Checkbox>
  click me
</Checkbox>

点击我

在组件定义内，将文本放置在TouchableOpacity内：

<TouchableOpacity>
  <Icon />
  <Text>{this.props.children}</Text>
</TouchableOpacity>

{this.props.children}

为了切中要害，省略了上面代码的某些部分。

是否将

组件包装在

元素中？

<TouchableOpacity>
  <Icon />
  <Text>{this.props.children}</Text>
</TouchableOpacity>