Front/React2 배열 렌더링 동적인 배열을 렌더링해야 할 때에는 자바스크립트 배열의 내장함수 map() 을 사용 *map() 함수: 배열 안의 각 원소를 변환 할 때 사용 되며, 이 과정에서 새로운 배열이 만들어짐 import React from 'react'; function User({ user }) { return ( {user.username} ({user.email}) ); } function UserList() { const users = [ { id: 1, username: 'velopert', email: 'public.velopert@gmail.com' }, { id: 2, username: 'tester', email: 'tester@example.com' }, { id: 3, username: 'liz', ema.. 2024. 2. 25. children props Wrapper 컴포넌트에선 children props를 받음 Wrapper.js import React from 'react'; function Wrapper({ children }) { const style = { border: '2px solid black', padding: '16px', }; return ( {children} ) } export default Wrapper; App.js import React from 'react'; import Hello from './Hello'; import Wrapper from './Wrapper'; function App() { return ( ); } export default App; 2024. 2. 25. 이전 1 다음