[230819] React에서 버블링 중단, React Fragment

React에서 버블링 중단

• react 는 기본적으로 버블링
• 이벤트 전파를 막아야하는 상황에서는

  const handleSubClick = (e) => {
    e.stopPropagation(); // 이벤트 버블링 차단
  };
  

• 이런 식으로 stopPropagetion 함수 사용
• 그러면 해당 함수 호출되면 상위 엘리먼트로 전파 X

• 불필요한 래퍼 엘리먼트를 만들지 않고 그룹화 할 수 있는 리액트 컴포넌트
• 가상 DOM 영향을 안줌