SignaturePad在ReactJS中的应用

Question

有人有使用SignaturePad的经验吗？

我意识到这个例子是使用DOM，我可以尝试在Ref in中复制它，但是它看起来并不是很自然，而且我无法在网上看到任何在react中使用DOM的例子。

有人能帮忙吗？

谢谢

Answer 1

在react中访问DOM的方法是使用参考文献

您可以使用React.createRef()，也可以使用React和useRef

然后，您可以像这样调用ref到画布：

const myRef = useRef(null);

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

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

Answer 2

如果您正在寻找一个想要与React应用程序集成的库，那么您可以在Signature周围查看这个反应组件包装器。希望这能有所帮助。