reactjs - React 中的折纸

Question

我一直在探索在 React 组件上实现折纸效果的最佳方法。

我想知道（从 React 架构的角度来看）使用 Paperfold JS（http://felixniklas.com/paperfold/）是否是获得效果的合理方法，或者是否最好在不引入外部（非 React ) 图书馆？

标签： reactjsanimation

Answer 1

React 在 Virtual DOM 概念上运行。无论您希望对 UI 进行什么更改，根据某些标准，React 都会在虚拟 DOM 上进行更改，并在比较两者后仅将更改应用于实际 DOM。但是大多数动画库都是通过直接更改 DOM 节点来工作的，这不是 React 的方式。所以我想说这种做法是 React 流程的一种反模式，我们期望从 React 应用程序获得的性能和灵活性可能会因此受到影响。