問題タブ [react-data-grid]

react.js で動的な列を作成しようとしていますが、アイデアはありますか? 私はすでに静的列を使用していますが、それらを動的にしたいので、コードを見て提案をお願いします。

カスタム オートコンプリート エディターを作成しようとすると、奇妙な問題が発生します。

基本的に私が行ったことは、組み込みの AutocompleteEditor クラスをプルしてプレーンな ES6 にリファクタリングし、クラスの名前を ProductSelectEditor に変更したことです。コード ロジックに変更はありません。

これを使用しようとすると、handleChange() が呼び出されたときに「未定義のプロパティ 'onCommit' を読み取れません」というエラーが表示されます。

エディターを実際の組み込みの AutocompleteEditor に置き換えると、問題なく動作します。TypeScriptからコードをリファクタリングし、クラスの名前を変更し、最終的にクラスをデフォルトとしてエクスポートするだけの変更を行っているのに、カスタムバージョンが機能しない理由がわかりません。ここで私が理解していないことについての手がかりはありますか?

以下はリファクタリングされたコード全体です

これを試して、react-data-grid でカスタム行をレンダリングしました。しかし、画像のカスタム行を作成するにはどうすればよいですか。image_large と image_small という名前の 2 つの列があります。カスタム行レンダラーのコードを以下に示します。

関数「handleGridRowsUpdated」を持っています。この関数でイベントにアクセスしたいと思います。

さまざまな方法でこの関数にイベントを渡そうとしましたが、Google で検索しましたが、成功しませんでした。

以下はコード スニペットです。

私は反応するのが初めてです。どんな助けでも大歓迎です。