코딩 공부/REACT

[React] - 1차

hg_96 2022. 2. 18. 15:39
 
import './App.css';

function App() {
 
  const onSubmit = () => {
    alert("클릭함수 실행");
  }

  const onKeyUp = (event) => {
    if (event.keyCode === 13) {
      console.log("키 업!!");
      onSubmit();
    }
  }

  return (
    <div className="App">

      <input onKeyUp = {onKeyUp}></input>
      <button onClick = {() => alert("클릭성공") }>전송1</button>
      <button onClick={onSubmit}>전송2</button>
 
  );
}

export default App;

조금 다른게 { ( ) => } 이런 부분이랑 { } 이걸로 다루는 것

함수에서는 = ( ) => { } 이부분 그동안 ( ) { } 이렇게 써왔는데 어색하다