YELOPER

1. children : 컴포넌트 태그 사이의 내용을 보여주는 props import MyComponent from './Mycomponent'; const App = () => { return 리액트; }; export default App; const MyComponent = props => { return ( 안녕하세요, 제 이름은 {props.name}입니다. // 기본이름 children 값은 {props.children}// 리액트 입니다. ); }; Mycomponent.defaultProps = { name: '기본 이름' }; export default MyComponent; MyComponent 태그 사이에 작성한 "리액트" 문자열 MyComponent 내부에서 보여 주려면 props...

1. 부모 컴포넌트에 useState 만들기 let[modal, setModal] = useState(false); 2. setModal 들어갈 JSX에 onClick함수 넣기 setModal(true)}>클릭 3. 자바스크립트 함수 작성 {modal == true ? : null} 이때!! 다른 컴포넌트로 보낼 setModal props 작명하기! 4. 자식 컴포넌트로 와서 setModal 할당하기 const Modal = ({setModal}) => { retrun ( setModal(false)}> 클릭 드디어 해결!!! 어제 해결 못 하고 퇴근해서 집 가는 길에도 생각하고 자기 전까지 구글링 하면서 생각했는데 생각보다 빠르게 해결해서 다행... 뿌듯하다 이제 뭔가 props에 대해서 알 것 같기도