Reactのボタンクリックを使用してテキストのフォントスタイルを変更する

Question

const textBold =()=>{
  const ball_text=document.getElementsByClassName('.form-control');
  ボールドテキスト.スタイル.フォントスタイル = "イタリック";
  setText(太字のテキスト)
}

ボタンをクリックすると、ブラウザは空白のページにジャンプします。

Answer 1

getElementsByClassName メソッドを使用しているため、指定されたクラスの要素を含む配列/コレクションが返されます。

要素が 1 つしかない場合は、代わりに .querySelector を使用します。

あるいは、getElementsByClassName メソッドを使用したい場合は、for ループまたは .find() メソッドを使用して目的の要素を検索し、スタイルを適用できます。

React では、要素を見つけるのに DOM API を使用するよりも ref を使用する方が良いと思います。