react-toastify来自数组对象的toast

Question

如何通过遍历对象数组来显示祝酒词，每个对象都具有唯一的id和名称。我需要为这个数组中的每个对象显示一个toast，带有文本和值{item.name}。

的例子:https://codesandbox.io/s/exciting-cloud-9oqhke?file=/src/App.js: 0 - 583

在这个例子中，我使用了React-toastify，并添加了对象数组作为一个例子，在这个例子中，有一个按钮启动一个toast，上面有所有的名字，但是我需要按下那个按钮，它会为数组中的每个对象显示一个toast。

Answer 1

你可以像这样为每个数组对象调用toast.error函数

const testData = [
{ id: 1, name: "John Doe" },
{ id: 2, name: "Victor Wayne" },
{ id: 3, name: "Jane Doe" }
];
testData.map((user) => (
toast.error(`${user.name} ${someText}`)
));