javascript - 处理反应组件中的 n 个复选框

Question

如果我想处理 n 组 [variable, setVariable] 类型的变量，我该怎么做，以便我可以在组件中声明 n 个状态

问题是我可以有 n 个复选框，我必须处理这 n 个复选框的值

标签： javascriptreactjscheckboxreact-hooksstate

Answer 1

我不完全理解您的问题，但我假设您想存储 n 个复选框引用以便稍后对它们执行某些操作。所以这是一个解决方案

const checkboxes = useRef({});

...

{data.map((x, idx) => <input type="checkbox" ref={(el) => checkboxes.current[idx] = el)}>

您将获得其中所有复选框的引用。

如果我的回答有误或者这不对，请在评论中告诉我，我会努力理解并更好地解决它