React 限制了渲染的数量

Question

在 React 中，我正在展示产品 I.E.

{renderPosts.map((项目, 索引) => ( ...

现在，在每个产品中，都有一个删除该产品的按钮，在我点击按钮内调用 sweetAlert 来删除特定产品：

<Button
  color="danger"
  simple
  justIcon
  onClick={warningWithConfirmMessage}
 >

那样一切正常...但是如果我想传递必须删除的产品的 ID...

<Button
  color="danger"
  simple
  justIcon
  onClick={warningWithConfirmMessage(item.postId)}
 >

现在我遇到了错误：

重新渲染太多。 React 限制渲染次数以防止无限循环。

我如何传递任何功能...任何人

提前致谢！

Answer 1

您传递的新 onClick 处理程序每次呈现时都会调用 warningWithConfirmMessage。要将函数作为处理函数传递而不是调用它，请使用：

onClick={() => warningWithConfirmMessage(item.postId)}

react limits the number of renders