在 ReactJS 中使用 SignaturePad

Question

有没有人有在 React 中使用 SignaturePad 的经验？

我意识到该示例正在使用 DOM，我可以尝试在 React 中使用 Ref 进行复制，但它看起来不是很自然，而且我在 React 中看不到任何使用它的在线示例.

有人能帮忙吗？

谢谢

Answer 1

如果您正在寻找想要与 React 应用程序集成的库，那么您可以在 Signature Pad 周围查看这个 React Component Wrapper。希望这有帮助。

Answer 2

在 React 中访问 DOM 的方法是使用 Refs

您可以使用 React.createRef() 或将 React hooks 与 useRef

结合使用

然后你可以这样调用 canvas 的引用：

const myRef = useRef(null);

useEffect( () => { myRef.current.doSomething() });

return(
  <canvas ref={myRef}> </canvas>
)

Using SignaturePad in ReactJS