문서의 임의 삭제는 제재 대상으로, 문서를 삭제하려면 삭제 토론을 진행해야 합니다. 문서 보기문서 삭제토론 React(라이브러리) (문단 편집) === 해설 === {{{#!syntax javascript function App ({ name }) { return ( Hello, {name}! ); } }}}({ name }) 은, JavaScript 또는 TypeScript에서 사용할 수 있는 destructuring([[https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment|구조 분해 할당]])이라는 문법을 사용한 부분이다. 즉, App이라는 함수의 첫번째 인자의 name이라는 속성을 name이라는 변수에 할당한 것이다. 또한 Return 뒤에 HTML태그처럼 보이는것이 나오는데, 이는 JSX로 Virtual DOM(React Element)을 생성하는 부분이다. 풀어쓰면 다음과 같다. JSX 가 일반적인 함수 호출로 변경되었다. {{{#!syntax javascript import { jsx } from "react/jsx-runtime"; function App(props) { const name = props.name; return jsx("h1", { children: ["Hello, ", name, "!"] }); } }}}저장 버튼을 클릭하면 당신이 기여한 내용을 CC-BY-NC-SA 2.0 KR으로 배포하고,기여한 문서에 대한 하이퍼링크나 URL을 이용하여 저작자 표시를 하는 것으로 충분하다는 데 동의하는 것입니다.이 동의는 철회할 수 없습니다.캡챠저장미리보기