不带钩子的React Spring滑动式示例

时间:2019-03-16 03:23:27

标签: reactjs react-spring

你好,我试图重写不带有钩子的可滑动卡片示例(使用渲染道具),但是我仍然停留在如何与Spring交流Gesture上。感谢您的帮助。

这是Hooks的官方示例:https://codesandbox.io/embed/j0y0vpz59

这是我的代码,试图使用渲染道具https://codesandbox.io/s/4j45p88qkw

复制该示例

我还不清楚bind函数是什么,一旦我计算出新的x rot scale,如何将其传递给卡?

1 个答案:

答案 0 :(得分:2)

该示例来自以下讨论:https://spectrum.chat/react-spring/general/how-to-flick-something-off-the-screen-using-react-spring~37848d54-55ba-4a74-9a98-9aa42041177d有人转换了hooks示例,这是在codeandbox中运行的东西:https://codesandbox.io/s/jnoqzplmj9

不过,我还是建议使用钩子。没什么比它好了,renderprops因为要处理视图而开始受到严格的限制,而钩子基本上是与任何视图都没有关系的实用程序函数,这使得将它们与诸如手势之类的东西结合起来变得更加容易。 / p>