props (v-bind)

보호되어 있는 글입니다.

2023.06.15

props

props 부모 component의 state를 자식 component에서도 사용하려면 props로 전송해서 써야한다. props 전송은 부모->자식 만 가능하다. props로 부모>자식 state 전송하는 법 1. 부모 component 에서 2. 자식 component function에 props 파라미터 등록 function App(){ let [title, setTitle] = useState(['남자코트 추천', '강남 우동맛집', '리액트 독학']) return ( ) } function Modal(props){ return ( { props.title[0] } ) } 또는 자식 component에서 아래와 같이도 사용 가능하다. function Modal ({title}){ return ( ..

2022.11.11

Component 생성, 파일분리

복잡한 html을 한 단어로 치환할 수 있는 Component 문법 리액트는 긴 HTML을 한 단어로 깔끔하게 치환해서 넣을 수 있는 문법을 제공합니다. component라고 합니다. 이걸 이용하면 함수나 변수를 만들듯이 HTML을 깔끔하게 한 단어로 치환해서 원하는 곳에 넣을 수 있습니다. function을 이용해서 함수를 하나 만들어주고 return안에 JSX를 작성한다. 원하는 곳에 을 넣어준다. function App (){ return ( ...생략... // Component ) } function Modal () { return ( 제목 날짜 상세내용 ) } Component 만들 때 주의 점 1. Component 작명 시 첫 글자는 대문자로 한다. 2. 로 써도 되고 로 써도 된다. Co..

2022.11.11