728x90 300x250 2024/11/111 jsx를 사용한 props과 jsx를 사용하지 않은 props 1. JSX를 사용한 props 사용법import React from 'react';function Greeting(props) { return Hello, {props.name}!;}function App() { return ;}export default App; App컴포넌트는 Greeting 컴포넌트에 name이라는 props를 전달하고 있다.Greeting 컴포넌트는 전달받은 props.name값을 사용하여 "Hello, moo!"라는 문구를 렌더링한다. JSX를 사용한 props의 장점직관적이고 HTML-like 문법을 사용하여 가독성이 좋다.속성 형태로 props를 쉼게 전달할 수 있어 컴포넌트 간 데이터 흐름을 명확하게 표현한다. 2. JSX를 사용하지 않은 props 사용법JSX 없이 .. 2024. 11. 11. 이전 1 다음 728x90 반응형