input name의 활용성

윤수호·2022년 7월 17일
0
import "./App.css"
import React, { useState, useEffect } from "react"
function App() {
  const onChangeInput = (e) => {
    e.preventDefault()
    const text = e.target.text1.value
    console.log(text)
  }
  return (
    <div>
      <form onSubmit={onChangeInput}>
        <input name="text" />
        <input name="text1" />
        <input type="submit" value="추가" />
      </form>
    </div>
  )
}
export default App

유튜브 강의영상을 보던 중 input name을 지정한 후 e.target.name이름.value로 특정 input의 값을 가져올 수 있는 방법을 발견하였다. 이방법으로 하면 submit을 볼낼때의 특정 input 값을 추출할 수 있기 때문에 좋을 방법이라고 생각하여 기록으로 남긴다.

profile
기술블로그 시작

0개의 댓글