我以尽可能简单的设计demo保证我可以快速完成它,不至于被拖得太深导致不想做,学到的也不见得多。
图片拖拽
存在一个问题,就是srollHeight变化时无法及时捕捉到最新数据来更新它。导致每次上拉更新会出现不是更新原来的位置
react每次更新时都会重新运行一次组件,但是setInterval是闭包导致无法更新。
解决
使用useRef
useRef相当于存在于函数之上的外环境,函数每次创建的时候访问的都是一个对象,所以只要不断更新这个对象的函数,同时在setInteval调用这个全局函数就可以解决此问题。
- 实现画笔
- 可修改笔粗细
- 可换颜色
- 可画圆,可画正方形