props

원녕·2022년 12월 10일
0

import React, {useState} from 'react';

const Counter = (props) =>{ // 매개변수를 이용해 전달된 값을 받는다.
console.log(props);
const [count, setCount] = useState(0);

**const onIncrease = () => {
    setCount(count+1);
}

const onDecrease = () => {
    setCount(count-1);
}

return (
    <div>
        <h2>{count}</h2>
        <button onClick={onIncrease}>+</button>
        <button onClick={onDecrease}>-</button>
    </div>
)**

};

export default Counter;

* export 해서 이렇게 써서 포함시키면됨.
  • props는 객체로 전달 되기때문에 여러개 써도됨.

출처 : https://devhan.tistory.com/112?category=1054451

profile
메타인지하는 개발자

0개의 댓글