私は Next.js13 のプロジェクトに取り組んでおり、カスタム textarea コンポーネントを作成しようとしています。このコンポーネントにイベント リスナーを追加したいと考えています (ユーザーが入力するときに高さを自動的に調整できるようにします)。この問題に関連するコードの部分は次のとおりです:

このコードでは、「TypeError: textarea.addEventListener は関数ではありません 」および「プロパティ 'addEventListener' はタイプ 'Element' に存在しません。 」というエラーが生成されます。 < /p>このコンポーネントによって作成されたテキスト領域にこのイベント リスナーを追加するにはどうすればよいですか?

1. ユーザーが ID を指定できるようにしたいのですが (必須ではありません)、

   document.getElementById() は使用できません。

2. addEventListener 行を次のように書き換えると、「

   プロパティ 'addEventListener' はタイプ 'Element' に存在しません」という問題は解消されますが、結果は「TypeError: textarea.addEventListener is not」になります。関数"はまだ:< /strong> リーリー

3. document.getElementsByTag('textarea') を使用し、返されたすべてのテキストエリアをループしてイベント リスナーを追加すると、機能します。ただし、ページ上に複数のテキストエリアがある場合、イベント リスナーが 2 回追加されるようです。ページ上に別のコンポーネントの一部であるテキスト領域があり、このイベント リスナーをそこに追加したくないとします。