根据滚动条滚动实现控制盒子的大小

这段时间些项目发现一个比较好玩的效果跟大家分享一下

根据滚动条的滚动来实现控制盒子的大小

思路如下：创建一个盒子，创建两个滚动条，通过使用React Hooks中的useState来定义一个名为state的状态变量，并初始化为一个包含width和height属性的对象。接着定义了两个函数handleWidthChange和handleHeightChange，分别用来处理输入框的数值变化事件。这两个函数会根据输入的值更新state对象中对应的属性。

创建一个盒子：

创建两个滚动条一个用来控制高度一个用来控制宽度：

定义了一个接口（interface）叫做State，其中包含了两个属性：width（宽度）和height（高度），它们的类型分别为number（数字）。接口用于描述对象的结构或形状，这里State接口描述了具有width和height属性的对象应该具有的结构。

这样呢我们就可以根据滚动条来控制盒子的大小，感兴趣的小伙伴可以去尝试一下.