내일배움캠프 4기 React 45일차

최영진·2023년 1월 2일
0
post-custom-banner

TouchableOpacity

클릭 시 깜빡거리를 효과를 준다.
button과 비슷한 역할을 함.

onpress

웹의 onclick 역할을 한다.

객체 속의 데이터 수정하기!

const changeIsDone = (id) => {
    const tasks = tasklist.map((task) => {
      if (task.id === id) {
        return {
          ...task,
          isDone: !task.isDone,
        };
      } else {
        return {
          ...task,
        };
      }
    });

    setTasklist(tasks);
  };

tasks 변수에 tasklist 를 돌린다.

tasklist.map((task) => task.id === id) // true

이 식은 true 를 반환한다.

테스크가 있냐? 라는 식이기 때문!

그렇기 때문에 꼭 else 문으로 id 가 다를 경우 false를 반환하게 해주어야
배열 그대로 형태가 도출되게 되고

그 중 true인 것만 변환을 하고 false 인것은 변환하지 않는다.

profile
안녕하시오.
post-custom-banner

0개의 댓글