onChange={} の記述に違和感があります

= は代入を意味することもありますが、どの属性に何を割り当てるかを示す際にも使われると考えてみましょう。
2024年6月7日
ユーザー

コンポーネントについた属性についての質問です。

質問の内容があまり具体的に表現することができなかったのですが、お願いします。

React のレッスンではこのような記述をよく見ます。

        return (
          <form onSubmit={handleSubmit}>
            <input
              type="text"
              value={title}
              onChange={handleTextChange}
              ref={inputRef}
            />
            <button>Add</button>
          </form>
        );
      };

例えば onChange={handleTextChange} の部分では要素に変更が起きたから = の右側の関数が実行される、といった動きをしているように感じられます。

私はこの記述の仕方に違和感がありあまり理解ができていません、その理由は = が出てきた時は = の左側の要素に右側の要素を代入するという印象があり、その流れと異なっているような気がして理解ができないのです。

そこでこの typevalueonChange などの属性を記述している部分はどのような働きをしていて、どのように理解すれば良いか教えていただけますでしょうか。

よろしくお願いします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(1)