React 10. input 다루기 1 : 사용자가 입력한 글을 변수에 저장하는 법

4534 단어 ReactReact

input에 입력한 데이터는 중요한 데이터 -> state에 저장해서 사용함

onChange 이용해 뭔가 변화가 일어났으면 발생

function App (){

  let [입력값, 입력값변경] = useState('');

  return (
    <div>
      ...
      { 글제목.map(function(a, i){
        return (
        <div className="list" key={i}> // 반복문 돌땐 이런 key값으로 고유값 지칭해줘야 warning창 안뜸
          <h3 onClick={ ()=>{ 누른제목변경(i) } }>{ a } <span>👍</span> </h3>
          <p>218일 발행</p>
          <hr />
        </div>
      }) }
    <input onChange={ (e) => {입력값변경(e.target.value)} }></input>
    </div>
  )
}

input 닫았다고 표시해야함

좋은 웹페이지 즐겨찾기