reactjs 使用没有关键属性的数组时出现React setstate警告

agxfikkp  于 2023-03-17  发布在  React
关注(0)|答案(1)|浏览(99)

您好,我正在使用React和数组Map,在用户单击函数中,我需要检查用户按下了哪个按钮,并将按钮Pressed设置为true,其余设置为false,我的代码附加工作正常,但我有问题,我可以把关键(id/index) prop 里面为了解除对每个孩子的警告,应该有唯一的钥匙之类的................

const initialStates = [
        true,
        false,
        false,
        false,
        false,
    ]
    const handleshow = (clicked_idx) => {
        console.log("you click on " ,clicked_idx, "index")
        setShow(initialStates.map((key,idx) => idx === clicked_idx ? true:false))
        setShowText(clicked_idx)
    }

如果有人能帮忙并提前致谢,我将不胜感激

oyxsuwqo

oyxsuwqo1#

将键添加到按钮中。我猜您在JSX中执行的操作类似于:

{
   initialStates.map((s, idx) => <button key={idx} onClick={() => handleShow(idx)}>button</button>)
}

相关问题