生活コード反応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>
結果

削除前の結果.

削除された結果.