生活コード反応4日目.
Delete
削除するには、削除機能をRead機能に入れるだけです.
きのうじゅんじょ
1.値を取得するアイテムを選択
2.削除ボタンをクリックします.
3.選択した値が削除されます.
コードの削除
<li>
<input type="button" value="Delete" onClick={() => { // input타입으로 버튼을 클릭시 이벤트 발생
const newTopics = []; // newTopic이라는 배열을 만들어준다.
for(let i=0; i<topics.length; i++) // 기존에 있는 topic값만큼 반복하여
{
if(topics[i].id !== id) // id값과 일치하지 않은 값들은
{
newTopics.push(topics[i]); // newTopics에 푸쉬해준다.
이말은 id값이 같은거는 push를 안해준다는 말.
}
}
setTopics(newTopics); // setTopics를 통해서 topic의 값을 newTopics로 변경합니다.
setMode("WELCOME"); // 모드를 WELCOME으로 바꿔줍니다.
}}
</li>
結果削除前の結果.
削除された結果.
Reference
この問題について(生活コード反応4日目.), 我々は、より多くの情報をここで見つけました https://velog.io/@dltjdgns3z/생활코딩-리액트-마지막강의テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol