切换列表项不应响应切换元素外部的单击

Question

我在反应项目中使用material-ui。我想只在点击切换元素时才切换工作，而不是列表项的任何其他部分。我如何实现这个目标？

<List>
  <Subheader>Priority Interruptions</Subheader>
  <ListItem primaryText="Events and reminders" rightToggle={<Toggle />} />
  <ListItem primaryText="Calls" rightToggle={<Toggle />} />
  <ListItem primaryText="Messages" />
</List>

Answer 1

创建一个名为toggleComponent的状态键，并在点击时使用toggle元素设置它。如果this.state.toggleComponent === toogleElementID显示切换。

这个唯一的元素将一次切换