Delete


Delete

        <li><input type="button" value ="Delete" onClick={()=>{
            const newTopics = []
            for(let i=0; i<topics.length; i++){
                if(topics[i].id !== id){
                    newTopics.push(topics[i]);
                }
            }
            setTopics(newTopics);
            setMode('WELCOME');
        }} />
押すとボタンで削除します.
削除するオブジェクトはtopicsのデータです.const newTopics = []で空の配列を作成し、if(topics[i].id !== id)によって新しいデータnewTopicsにプッシュされ、新しい配列が生成される.
その後、価格をsetTopics(newTopics)に変更しました.