使用React中的按钮点击来改变文本的字体样式

Question

const textBold =()=>{
  const bold_text=document.getElementsByClassName('.form-control');
  bold_text.style.fontStyle = "italic";
  setText(bold_text)
}

点击按钮后，浏览器会跳转到一个空白页面。

Answer 1

由于您正在使用getElementsByClassName方法，它将返回一个包含给定类的元素的数组/集合。

如果您只有一个元素，请改用.querySelector。

或者，如果您更喜欢使用getElementsByClassName方法，则可以使用for循环或.find()方法找到所需的元素并应用样式。

在React中，我认为使用ref比使用DOM API来定位元素更好。