리액트 - 순수 함수

 

순수 함수란

부작용 (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. 브라우저 이벤트 그냥 걸어버리는 거

=> 상태관리 쓰면 해결

 

 

 

 

 

 

참고

https://velog.io/@kcj_dev96/%EC%88%9C%EC%88%98-%ED%95%A8%EC%88%98%EC%99%80-%EB%A6%AC%EC%95%A1%ED%8A%B8%EC%9D%98-%EA%B4%80%EA%B3%84