我正在使用React创建一个待办事项列表。我正在尝试根据文本值设置每个输入字段的宽度。如何使用挂钩设置初始宽度?还是需要使用其他方法?我还希望输入字段在用户输入更多文本时动态扩展。下面是输入字段的屏幕截图:-
我试过使用useState钩子,但是它似乎影响了所有的输入字段。任何帮助都是感激的,谢谢!
以下是沙箱链接:- https://codesandbox.io/s/amazing-shtern-gsi51m
我正在使用React创建一个待办事项列表。我正在尝试根据文本值设置每个输入字段的宽度。如何使用挂钩设置初始宽度?还是需要使用其他方法?我还希望输入字段在用户输入更多文本时动态扩展。下面是输入字段的屏幕截图:-
我试过使用useState钩子,但是它似乎影响了所有的输入字段。任何帮助都是感激的,谢谢!
以下是沙箱链接:- https://codesandbox.io/s/amazing-shtern-gsi51m
1条答案
按热度按时间yacmzcpb1#
因为你只有一个状态
inputWidth
,所以所有的字段都得到了相同的值。如果它没有按您期望的方式工作,请告诉我。
https://codesandbox.io/s/changing-widths-pvzurn