[react] 태그 안의 DOM에 접근하기(태그 안의 텍스트만 추출하는 법)

▶ 태그 안의 텍스트만 추출

import React, { useRef, useEffect } from 'react';const App = () => {
  const h3Ref = useRef(null);  useEffect(() => {
    console.log(h3Ref.current.textContent);
  }, []);  return (
    <div>
      <h3 ref={h3Ref}>This is a h3 tag</h3>
    </div>
  );
};export default App;

1. useRef 함수를 사용하여 h3 태그를 참조할 수 있는 h3Ref 변수를 생성한다.
2. useEffect 함수를 사용하여 h3 태그의 텍스트 콘텐츠를 console.log로 출력할 수 있다.