/*eslint-dialbed */
import React, { useState } from 'react';
function App() {
let [글제목1, 글제목변경] = useState(['남자 코트', '강남 맛집', '파이썬 배우기']);
return (
<div className="App">
<Modal 글제목2={글제목1}></Modal>
</div>
);
}
function Modal(props){
return (
<div className="modal">
<h2> { props.글제목2[0] } </h2>
</div>
)
}
export default App;
'개발 > react' 카테고리의 다른 글
[react 기록용]1-4. state 로 데이터 저장하기 (0) | 2021.03.30 |
---|---|
[react 기록용]1-3. JSX로 HTML 작성 (0) | 2021.03.30 |
[react 기록용]1-2. react 설치 및 개발환경 setting (0) | 2021.03.30 |
[react 기록용]1-8.'남자 코트'클릭하면 동작하는 UI (모달창) 만들기 (0) | 2021.03.30 |
[react 기록용]1-9. Map: 많은 div들을 반복문으로 줄이기 (0) | 2021.03.29 |