react 수업 정리(2일차)

function App() {

    // inputValue 상태

    const [ inputValue , setInputValue ] = useState("");

    const handleInputChange = (e) => {

        setInputValue(e.target.value);

    }

    const handleResetClick = () => {

        setInputValue("");

    }

    return <>

        <h3>값: {inputValue}</h3>  

        <button onClick={handleResetClick}>초기화</button>

        <input type="text" onChange={handleInputChange} value={inputValue} />

    </> // onChange는 value가 바뀔때마다 실행됨

   

}

input 창에 글자가 적힐때 h3 태그나 li 태그 같은곳에 나타나게 할때 onChange 를 사용한다.

onChange를 사용할때는 value를 입력해줄것 !!

.ch06 ~ ch10 마저 정리하기