React - state

 

state를 쓰는 목적  = UI 를 바꾸기 위해서.

React 안에서 변경되야되는 것은 반드시 state로 선언한다 !

 

 

 

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

 

 

 

 

 과일:input 에 입력한 값들이 event.target.value 에 들어온다. ( 개발자도구 콘솔에서 확인 할 수 있음)

 

 

👇

 

import { useState } from "react";

import "./App.css";

function App() {

  const [fruit, setFruit] = useState('');

  return (

    <div>

    과일 : <input value={fruit} onChange={function  (event) {

      // console.log('event', event.target.value);

      setFruit (event.target.value);

     }}

    />

      <br /> <br />

      {fruit}

    </div>

  );

}

export default App;

👇

 

 

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.