state
-
[React] 객체 state 다루기React 2023. 5. 31. 09:15
| 변경 리액트에서 state변수 안에 있는 객체를 변경할 때 그 변수에 객체를 직접 변경하면 안 됩니다. import { useState } from 'react'; export default function App() { const [user, setUser] = useState({ name: "Kim", age: 20 }); return ( 이름: {user.name} 나이: {user.age} { user.name = "Lee"; user.age = 30; }}>변경 ); } 여기에서 { user.name = "Lee"; user.age = 30; }}>변경 이런 식으로 직접 변경하면 리액트에서는 객체가 변경되었다는 것을 인지를 못합니다. 그래서 상태의 변화를 렌더링 하고 싶으면 setUser를 ..
-
[React] useState() 알아보기React 2023. 5. 17. 08:41
State는 상호작용의 결과로 화면의 결과나 상태가 변하는 동적인 값이라고 합니다. | useState 리액트에서는 useState를 사용하여 동적인 값을 나타낼 수 있고 import { useState } from "react"; 이런 식으로 import 해 온다음 사용하면 됩니다. 값을 저장하려면 const [count, setCount] = useState(0); 이런 식으로 사용하면 되는데 여기서 앞에 있는 count는 변수 명이고 setCount는 변수의 값을 바꿀 수 있는 함수입니다. import { useState } from 'react'; export default function Counting() { const [count, setCount] = useState(0); function..