import React, { Component, useState } from "react";
import "./styles.css";
const App = () => {
const [count, setCount] = useState(0);
const [email, setEmail] = useState("");
const updateEmail = e => {
const {
target:{value}
} = e;
setEmail(value);
};
return (
<>
{count}
<button onClick={() => setCount(count + 1)}>Increment </button>
<button onClick={() => setCount(count - 1)}>Decrement </button>
<input placeholder="Email" value ={email} />
</>
);
};
export default App;
'REACT' 카테고리의 다른 글
LifeCycle API (1) (0) | 2020.12.02 |
---|---|
노마드코더 useState useEffect 예제 (0) | 2020.07.08 |
노마드 코더 state 와 componentDidMount와 componentDidUpdate 예제 (0) | 2020.07.01 |
노마드 코더 props , map 기본 예제 (0) | 2020.06.30 |
노마드 코더 props 기본 예제 (0) | 2020.06.30 |