Ändern Sie den Schriftstil des Textes, indem Sie in React auf die Schaltfläche klicken

Question

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

Nach dem Klicken auf die Schaltfläche springt der Browser zu einer leeren Seite.

Answer 1

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

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

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

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