Javascript 处理react组件中的n个复选框

Javascript 处理react组件中的n个复选框,javascript,reactjs,checkbox,react-hooks,state,Javascript,Reactjs,Checkbox,React Hooks,State,如果我想处理n组[variable,setVariable]类型的变量,以便在组件中声明n个状态,我该怎么办 问题是我可能有n个复选框,我必须处理这些n个复选框的值。我不完全理解您的问题,但我假设您希望存储n个复选框引用,以便稍后对其进行处理。所以这里有一个解决方案 const checkboxes = useRef({}); ... {data.map((x, idx) => <input type="checkbox" ref={(el) => ch

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


问题是我可能有n个复选框,我必须处理这些n个复选框的值。我不完全理解您的问题,但我假设您希望存储n个复选框引用,以便稍后对其进行处理。所以这里有一个解决方案

const checkboxes = useRef({});

...

{data.map((x, idx) => <input type="checkbox" ref={(el) => checkboxes.current[idx] = el)}>
const复选框=useRef({});
...
{data.map((x,idx)=>复选框.current[idx]=el)}>
您将获得其中所有复选框的引用


如果我的答案是错误的或这是不正确的,请在评论中告诉我,我会努力更好地理解和解决它

这个问题引出了另一个问题,你尝试了什么,为什么不起作用。似乎很少有人提出你的问题。你是否尝试过使用n长度的数组,并使用复选框索引来动态更改值?另请注意:本演示假定复选框的顺序和数量保持不变。如果在渲染过程中数字发生变化或发生任何重新排列,则应为每个复选框元素指定一个ID,然后它将成为
复选框。当前[您的ID]=el