Read : 할 일 리스트 렌더링하기 CRUD의 두 번째 요소인 Read 기능을 이용하면 배열에 저장한 여러 할 일 아이템을 반복해서 페이지에 렌더링 가능하다. 배열을 리스트로 렌더링하기 1. App컴포넌트의 state변수 todo에 저장된 할 일 아이템들을 Props로 TodoList 컴포넌트에 전달한다. //App.js (...) function App() { const [todo, setTodo] = useState(mockTodo); (...) return ( ** ); } export default App; 2. TodoList 컴포넌트에서 todo를 리스트로 렌더링한다. 📌 리액트에서 배열 데이터를 렌더링하는 법 => 배열 메서드 map을 이용하면 HTML 또는 컴포넌트를 순회하면서 매 요소를..

23-24/React.js 3 2023. 12. 22. 10:10