react state2 input 입력값을 가져와, 기존 state에 추가해보자. Q. 아래 코드를 변경하여, input에 입력된 메뉴를 메뉴 리스트에 추가하여 오늘 메뉴에 선택할 수 있게 변경해 보자. import React, { useState } from 'react'; import './App.scss'; function App() { let [menuTit, menuTitFunc] = useState(['짜장면', '짬뽕', '울면']); let [menuNum, menuNumFunc] = useState(0); return ( { menuTit.map( ( menu, i )=>{ return ( { menuNumFunc(i) } } key={i} >{ menu } ) }) } 입력 ); } function Today(props){ return ( 오늘은 { props.men.. 2021. 10. 30. props, 부모의 state를 가져와 보자. Diary의 "2021/10/30"을 하드코딩하지 말고, 같은 값을 가진 부모의 변수, day을 가져와 보자. 1. 부모 컴포넌트에 담긴, 자식 컴포넌트에 변수를 담는다. 2. 자식 컴포넌트 함수에 props를 넣어준다. 여기서 props는 부모 컴포넌트에서 넘긴 변수(이 경우, day)를 모두 담은 오브젝트이다. function Diary(props){ 따라서, 자식 컴포넌트에서 부모에게서 받은 변수를 사용하기 위해서는 오브젝트에서 데이터 가져오듯 사용해야 한다. props.가져오고싶은변수명 { props.day } 짜장면 먹은 날 /* eslint-disable */ import React, { useState } from 'react'; import './App.scss'; function App(.. 2021. 10. 30. 이전 1 다음
