반응형 자식컴포넌트2 Vue.js props, custom event (자식에서 부모 데이터 수정) - Props 1)Props보낼 떄 다양한 자료 입력이 가능하다. 그리고 직접 데이터 입력도 가능하다. //혹은 배열등 다 가능 // data="문자자료" // :data="숫자자료: 그리고 : 유무에 따라 문자냐 숫자냐 자료형의 차이가 있다. 2)object자료형 한번에 보내거나, 각각 보내거나 둘다 가능하다. - custom event 1)props로 보낸 데이터는 수정하면 안된다. (Read-only) 2)부모컴포넌트의 데이터를 수정하고 싶으면 custom event를 쓴다. 부모에게 $emit('작명',데이터)을 써서 메세지를 보낸다. CardList.vue {{ oneroom.title }} ........ App.vue의 하위 컴포넌트인 CardList.vue에서 부모컴포넌트의 데이터를 수정하.. 2023. 4. 1. React props props로 자식에게 state전해주기 1. -> 보통 똑같이한다. 2.자식컴포넌트에서 props 파라미터 입력 후 사용 주요코드 function App() { ... let [글제목, 글제목변경] = useState(['서울','대구','대전','광주']) ... { modal === true ? // 작명 = {전송할state} 보통 똑같이 쓴다. : null } ... } function Modal(props){ //부모에서 전달받은 props는 여기 다 들어있다. return( 제목 {props.글제목[0]} 날짜 상세내용 ) } 전체코드 /* eslint-disable */ import logo from './logo.svg'; import './App.css'; import {useState}.. 2022. 1. 9. 이전 1 다음 반응형