useState 질문이 있습니다!

[이성준]

useState를 배열에서 특정 배열만 수정하려고 하는데 잘 안됩니다.

변수값은 아래와 같이 지정하였고

  const [users, setUsers] = useState([
    {
      id: 1,
      name: "홍길동",
      age: 30,
    },
    {
      id: 2,
      name: "봉식이",
      age: 21,
    },
    {
      id: 3,
      name: "크리스탈",
      age: 31,
    },
  ]);

 

수정하려고 하는 함수는

  function onUpdate(text1, text2) {
    // return { ...(users[0].name = text1), ...(users[0].age = text2) };
    setUsers(users[0].name = text1);
  }

이와같이 하였습니다.

onChange를 text1 변수에 저장하여 users변수에 적용하려고 하는데 map함수에 걸려서 잘 안되네요.

그래서 스프레드 연산자로 적용은 했는데 실시간 적용이 안되서 어떻게든지 useState로 적용해보려고 합니다.

선생님한테 진짜 공부 잘 배워서 요즘 하나하나 만들어가는 재미를 느끼고 있습니다!

감사합니다!!

 

[codingapple]

function onUpdate(text1, text2) {

  let newUsers = [...users];

  newUsers[0].name = text1;

  newUsers[0].age = text2

  setUsers(newUsers)

}

이거아닐까요 state변경함수는 파라미터를 입력하면 그걸로 state를 갈아치워주는 함수입니다

 

[이성준]

아 이렇게도 가능하구나 감사합니다!!

[글쓴이]

글