没有钩子的反应弹簧可滑动示例

Question

您好，我正在尝试重写没有钩子的可刷卡示例（使用渲染道具），但是我坚持如何与 Spring 通信 Gesture。感谢任何帮助。

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

这是我尝试使用渲染道具 https://codesandbox.io/s/4j45p88qkw 复制示例的代码

我不清楚bind 函数，一旦我计算出新的x rot scale，我如何将它传递给卡？

Answer 1

这个例子来自这个讨论：https://spectrum.chat/react-spring/general/how-to-flick-something-off-the-screen-using-react-spring~37848d54-55ba-4a74-9a98-9aa42041177d有人转换了钩子的例子，这是在代码和框中运行的东西：https://codesandbox.io/s/jnoqzplmj9

不过，我会推荐钩子。没有什么比这更好的了，renderprops 开始有严格的限制，因为它们要覆盖视图，而钩子基本上是与任何视图无关的实用函数，这使得它们更容易与手势等结合起来。