【问题标题】:React: mount/unmount animation of component with variable heightReact:具有可变高度的组件的挂载/卸载动画
【发布时间】:2016-02-15 04:43:01
【问题描述】:

我正在尝试为具有可变高度(要显示的不同内部内容)的组件设置动画。我尝试使用react-motion,但事先不知道身高让我一头雾水。

我试图做的是渲染包裹在overflow hidden; height 0, transition height .25s div 中的元素,测量它的高度,然后将包装器的高度设置为元素的高度。它工作,但滞后

我想用 React 的方式来做,但是在事先不需要元素高度的情况下找不到解决方案。

一种解决方案是在某处渲染它,测量它的高度,然后将其应用到react-motion 动画中。但是,这会进行额外的渲染 - 我选择不使用此解决方案。

有什么建议吗?

【问题讨论】:

    标签: javascript css animation reactjs


    【解决方案1】:

    react-collapse 就是这个问题的答案。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-04-11
      • 2017-02-25
      • 1970-01-01
      • 2021-01-30
      • 2015-05-04
      • 2020-11-02
      • 2021-07-10
      相关资源
      最近更新 更多