React Event

김혁중·2022년 3월 16일
0

React

목록 보기
4/10

Onclick

함수 선언

export default function Hello() {

  function showName() {
    console.log('hackjoong')
  }


  return (
    <div>
      <button onClick={showName}>Show name</button>
    </div>
  )
}

화살표 함수

export default function Hello() {
  return (
    <div>
      <h1>Hello</h1>
      <button onClick={() => { console.log(29) }}>Show age</button>
    </div>
  )
}

Onchange

함수 선언

export default function Hello() {

  function showText(e) {
    console.log(e.target.value)
  }

  return (
    <div>
      <h1>Hello</h1>
      <input type='text' onChange={showText}></input>
    </div>
  )
}

화살표 함수

export default function Hello() {
  return (
    <div>
      <h1>Hello</h1>
      <input type='text' onChange={(e) => {
        console.log(e.target.value)
      }}></input>
    </div>
  )
}
profile
Digital Artist가 되고 싶은 초보 개발자

0개의 댓글