TIL
리액트 - 순수 함수
은지:)
2024. 3. 5. 13:37
728x90
반응형
순수 함수란
부작용 (side Effect)가 없어야 됨
순수 함수 예시
// 두 숫자를 더하는 순수 함수
function add(a, b) {
return a + b;
}
// 함수 호출
console.log(add(3, 5)); // 출력: 8// 간단한 함수형 컴포넌트
function Greeting(props) {
return <h1>Hello, {props.name}!</h1>;
}
// 함수형 컴포넌트 호출
ReactDOM.render(
<Greeting name="John" />,
document.getElementById('root')
);
한마디로 결과가 명확해야 됨
순수하지 않은 컴포넌트
1. useEffect 안에서 axios 바로 호출 하는 거
=> 상태관리 쓰면 해결
2. 브라우저 이벤트 그냥 걸어버리는 거
=> 상태관리 쓰면 해결
참고
728x90
반응형