Javascript ReactJS-在展开和折叠后，子组件内未保持选中状态的复选框

我有一个复选框列表（

），当我选中任何复选框并折叠列表并再次展开列表时，复选框的选中状态将消失。我正在使用

state

设置复选框的状态。我如何维护这个

结构如下，加号（+）表示展开折叠按钮：

<ul>
  + <li>
        <input>
        <input>
        <input>
        <input>

+

---

这里，

、

和

由于其具有的某些附加元素和功能，被创建为单独的组件。

您可以添加一个小提琴示例吗？像这样吗？@limelights，是的，你的例子也应该有用。但是，我使用React.createClass。我希望这不会有任何区别。对吗？我尝试了你的例子中的概念，但它仍然不能保持状态。唯一的区别是，我发现您使用的是React.Component，而我使用的是React.createClass。创建类的方法不会有什么不同。您是如何折叠这些项目的？您是在使用@limelights之类的

display:none

，还是将它们完全排除在渲染之外（即从DOM中删除）？如果是后者，状态将被重置，因为您正在销毁和重新创建输入。@DavidWalsh，我正在使用和使用

className:classNames（cls）

。这也是重置状态吗？