React에서 버튼 클릭을 사용하여 텍스트 글꼴 스타일 변경

Question

const textBold =()=>{
  constbold_text=document.getElementsByClassName('.form-control');
  bold_text.style.fontStyle = "기울임꼴"
  setText(bold_text)
}

버튼을 클릭하면 브라우저가 빈 페이지로 이동합니다.

Answer 1

getElementsByClassName 메소드를 사용하고 있으므로 해당 클래스의 요소가 포함된 배열/컬렉션을 반환합니다.

요소가 하나만 있는 경우 대신 .querySelector를 사용하세요.

또는 getElementsByClassName方法，则可以使用for循环或.find() 접근 방식을 선호하는 경우 for 루프나 .find() 메서드를 사용하여 원하는 요소를 찾고 스타일을 적용할 수 있습니다.

React에서는 DOM API를 사용하여 요소를 배치하는 것보다 ref를 사용하는 것이 더 낫다고 생각합니다.