takin17
3k
2021-10-28 15:34:17
3
121

리액트에서 돔을 동적으로 추가하고 저장시 궁금합니다.


제이쿼리 같은 경우 사용자 등록 양식을 + 추가 버튼 클릭시


테그.append(양식)....


이런식으로 추가되고 저장시에는


부모가 가진 자식들 수만큼 foreach 돌면서 ajax로 api 콜해서 등록했는데


리액트 같은 경우 저렇게 사용자 등록 양식이 동적으로 추가될 경우


어찌 구현하는지 궁금하네요.


0
  • 답변 3

  • fender
    24k
    2021-10-28 15:50:05

    명령형(imperative) 개발만 주로 하셨다면 리액트에 익숙해지기 위해서는 조금 발상의 전환이 필요합니다. 즉, 어떤 이벤트를 받아서 DOM을 변경하는 명령을 수행하겠다는 식의 접근 대신, 리액트 컴포넌트 트리는 항상 상태(프롭, 스테이트, 스토어 등)를 올바르게 반영하도록 구성하고 상태값을 변경하는 방식을 쓰면 됩니다.

  • 반응콩
    179
    2021-10-28 16:15:37
    기본 스테이트값을 리스트에 추가하시면.. 렌더가 되겠죠?
  • takin17
    3k
    2021-10-29 16:44:32

    답변 감사합니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.