问题描述
我正在构建一个语言学习应用程序,该应用程序向用户显示闪存卡。我希望用户能够选择他们学习过的卡片并能够在单独的页面上显示它们。为此,我尝试将卡片添加到 onClick 数组,然后在第二次单击时将其从数组中删除,然后我希望他们能够稍后再次重新添加它。然后我可以获取数组中的数据并将其显示在其他地方。
我正在使用 react 钩子,目前有一个空的全局数组和一个函数:
const learnedCards = [];
addRemoveCard = () => {
setIsLearned(!isLearned);
const getCard = {
character: character,pinyin: pinyin,english: english,type: type,};
learnedCards.push(getCard);
if (isLearned) {
let stringifyCards = learnedCards.map(JSON.stringify);
let res = stringifyCards.filter(
(a,_,aa) => aa.indexOf(a) === aa.lastIndexOf(a)
);
let updatedLearnedCards = Array.from(res).map(JSON.parse);
console.log(updatedLearnedCards);
}
};
在第一次点击时推送卡片很容易,我正在努力寻找一种方法来删除和重新添加它们。上面的代码显示了我当前的尝试,它在第一次删除卡时起作用,但不允许用户稍后再次重新添加卡。我尝试将变量 res
重置为 null,但这没有帮助。有谁知道我可以解决这个问题的方法吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)