在react中，如何解决字符串转对象的问题？

Question

在反应中，我正在尝试使用 onClick 事件添加一个新对象（字典），并将被单击对象的 ID 作为键（prevId）。

创建第一个对象时，该参数没有值，因此我设置了默认值“0”，但在这种情况下，键 prevId 的值为 [Object object]

我已经尝试使用 ??，以及函数 String()、JSON.Stringify() 和 Object.ToString() 仍然不能使 clickedCompId（和 prevId）为“0”

我还能做什么？

谢谢

const addCount = (clickedCompId = '0') => {
    //setDivVector((prev) => [...prev, {id: randomString.generate()}]);
    setDivComp(() => ({ 
      id: randomString.generate(10),
      prevId: clickedCompId
    }));
  };

Answer 1

当您调用 addCount 时，您必须显式地将参数传递给 addCount 函数。

onClick={() => addCount(id)}

当您执行 onClick={addCount} 时，它相当于

onClick={evt => addCount(evt)}

这不是您想要的，因为您需要除点击 js 事件之外的其他数据。

在react中，如何解决字符串转对象的问题？

In react, how to solve that a string is being converted to an object?

setstate

reactjs