【问题标题】:What are the various parameters i can pass to <animated> from react-spring我可以从 react-spring 传递给 <animated> 的各种参数是什么
【发布时间】:2022-02-04 07:25:46
【问题描述】:
我刚刚开始研究 react-spring。从一开始,我就看到了 '''''' 标签的用法。随着我探索的越来越多,复杂性越来越高,我发现越来越多的代码细节我不完全理解。
例如,看看这个沙盒——
https://codesandbox.io/s/stupefied-noether-8i6o0
我仍然不清楚传递给动画标签的关键变量是如何工作的。此外,我可以将哪些参数传递给动画标签,是否有详尽的列表?
另外,有没有什么好的教程/资源可以详细了解 react-spring?官方文档虽然很有帮助,但对于其功能各个方面的微观细节并没有提供足够的分辨率。
【问题讨论】:
标签:
javascript
reactjs
react-spring
【解决方案1】:
key 属性与 react-spring 没有直接关系,在您的示例中,您可以看到 string 是一个数组,它使用 map() 函数来映射和渲染动画 div。
key 被 React 使用,以便能够在更改之间跟踪这些元素,并能够确定虚拟 DOM 是需要作为一个整体再次生成这些元素,还是只需要添加新的元素。更多关于键和列表的信息可以在here找到。
有关 react-spring 的更多信息,您可能会找到更多信息 here,如果您有特定的目标想要实现,请随时提出问题,使用库并亲自体验可能会是了解它的最佳方式。