이다닷

초기 상태 MultiInput.js 추가 import React, {useState} from 'react'; function MultiInput () { const onChange = () => { } const onReset = () => { } return( 초기화 값: 이름(닉네임) ); } export default MultiInput; ➡️두 개의 input이 존재하고, 이름과 닉네임을 입력하면 이름(닉네임)이라는 형식으로 출력이 되도록 구현하기. 📌비 구조화 할당 => 원래 배열을 선언하고 이 배열의 값을 하나하나 변수에 넣어주어야 했다. //배열선언 const animalList = ['CAT', 'DOG', 'TIGER']; //각각 변수담기 const cat = animalList[0]..

InputSample.js 파일 추가 import React from 'react'; function InputSample() { return ( 초기화 값: ); } export default InputSample; ➡️input에 값을 입력하면 그 값이 하단에 나타나게하고, 초기화 버튼을 누르면 input값이 비워지도록 구현하기. 📌e.target.value을 불러오면 input에 담긴 값을 확인 할 수 있다. 📌input의 상태를 업데이트를 할때에는 value값을 필수적으로 지정해줘야한다. InputSample.js import React, {useState} from 'react'; function InputSample() { const [text, setText] = useState(""); c..