使用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來定位元素更好。