css 如何根据输入的值设置多个输入字段的具体宽度

yftpprvb  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(126)

我正在使用React创建一个待办事项列表。我正在尝试根据文本值设置每个输入字段的宽度。如何使用挂钩设置初始宽度?还是需要使用其他方法?我还希望输入字段在用户输入更多文本时动态扩展。下面是输入字段的屏幕截图:-

我试过使用useState钩子,但是它似乎影响了所有的输入字段。任何帮助都是感激的,谢谢!
以下是沙箱链接:- https://codesandbox.io/s/amazing-shtern-gsi51m

yacmzcpb

yacmzcpb1#

因为你只有一个状态inputWidth,所以所有的字段都得到了相同的值。
如果它没有按您期望的方式工作,请告诉我。
https://codesandbox.io/s/changing-widths-pvzurn

相关问题