React 10. input 다루기 1 : 사용자가 입력한 글을 변수에 저장하는 법
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>2월 18일 발행</p>
<hr />
</div>
}) }
<input onChange={ (e) => {입력값변경(e.target.value)} }></input>
</div>
)
}
input 닫았다고 표시해야함
Author And Source
이 문제에 관하여(React 10. input 다루기 1 : 사용자가 입력한 글을 변수에 저장하는 법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ksung1889/React-10.-input-다루기-1-사용자가-입력한-글을-변수에-저장하는-법저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)