Javascript React-Redux CSS转换

我希望保留所有内容，包括Redux存储中的UI状态，如节展开/折叠状态。 我有一个部分，其中有一个表，当用户单击标题时，toggleGroup操作被调度，组的

折叠

标志被切换，这会导致重新渲染，实际上会替换DOM节点而不是Toggle类，这会更改转换后的CSS属性，而我的转换不起作用

<div className={classNames({'DealGroup_collapsed': this.props.collapsed})}>
  <div onClick={DISPATCH TOGGLE GROUP ACTION}>
    {this.props.caption}
  </div>
  <div className="DealGroup__wrap">
    <SimpleTable className="DealGroup__table" {...{columns, rows}}/>
  </div>
</div>

{this.props.caption}

---

在Redux store中存储UI状态时，是否可以进行CSS转换？

您是否已经查看了

ReactCSTranslationGroup

？ 我不知道这是否是您想要的，但将您的组件包装在这样一组CSS类中以进行转换处理将得到应用。 简单的例子：

<ReactCSSTransitionGroup 
        transitionName="your-transition-name"
        transitionEnterTimeout={500} 
        transitionLeaveTimeout={300}>
          {items}
</ReactCSSTransitionGroup>

React将项目保留在DOM中，直到转换完成

另见：

---

您是否已经看过

reactcstranitiongroup

？ 我不知道这是否是您想要的，但将您的组件包装在这样一组CSS类中以进行转换处理将得到应用。 简单的例子：

<ReactCSSTransitionGroup 
        transitionName="your-transition-name"
        transitionEnterTimeout={500} 
        transitionLeaveTimeout={300}>
          {items}
</ReactCSSTransitionGroup>

React将项目保留在DOM中，直到转换完成

另见：

---

我已经读过关于ReactCSTransitingGroup的内容，但我没有添加/删除的项目，我有添加的项目，在标题单击时，我在项目内折叠一个部分，但项目保留在DOM中。嗯，你能提供一个运行示例说明你正在尝试实现什么吗？我读过关于ReactCSTransitingGroup的内容，但是我没有添加/删除的项目，我有添加的项目，在标题单击时，我折叠项目内的一个部分，但项目保留在DOM中。嗯，您能提供一个运行示例，说明您试图实现的目标吗？