리액트 jsx2 [ React ] 재사용가능한 Component 1. 컴포넌트를 재사용해보자 import React from "react"; function Butter(){ return( Do you know me? ) } function App() { return ( Halo! ); } export default App; 만약 위와 같은 코드가 있다고 가정해보자. 현재 서버 상태는 이렇다. 그런데, 내가 Do you know 블라블라 ? 를 많이 출력하고 싶다. 한 1000개 정도? 그럼 저 App 안에 함수를 1000개 생성해야할까? 노놉. 컴포넌트를 재사용해보자. 먼저 해야할 것이 있다. import React from "react"; function Butter(){ return( Do you know me? ) } function App() { return.. 2021. 2. 11. [ React ] What is the component & jsx? | How to create component 1. 컴포넌트 :: HTML 을 반환하는 함수. 기본적으로 들어있는 App.js 코드에도 이를 볼 수 있다. import React from "react"; function App() { return ( ); } export default App; 중앙에 들어있는 APP 이 바로 그 존재이다. 이것은 index.js 에서 컴포넌트로 활용된다. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( , document.getElementById('root') ); 바로 과 같은 형태로. React 는 component 를 사용해서 HTML 처럼 작성할 때 필요하다. 2. jsx .. 2021. 2. 11. 이전 1 다음