ant design table エラー。コンポーネント定義に表示名がありません
2022-02-27 11:22:57
環境
1.リアクト:16
2.アント:3.15
問題:webpackがeslintを使用している場合、tableがエラーを報告する。Component definition is missing display name. eslintをコメントアウトすれば、エラーは報告されません。
コードは以下のような感じです。
class Search extends Component {
// do something
}
// To clarify, there is no error if you don't inherit from the Search class
class SearchAction extends Search {
constructor() {
this.state = {
fields: [
{
title: 'customer_type',
dataIndex: 'customer_type',
key: 'show_customer_type'
},
{
title: 'applicant/application date',
dataIndex: 'last_save_name',
key: 'last_save_name',
render: (text, record) => (
<Fragment>
<div>{record.last_save_name || 'none'}</div>
<div>{record.last_save_time || 'none'}</div>
</Fragment>
)
}
]
};
}
render{
const props = {
dataSource: this.state.fields,
className: 'table-cus'
};
return (
<div>
<Table {. .props}>
{this.state.fields.map(elt => (
<Column
title={elt.title}
key={elt.key}
dataIndex={elt.dataIndex}
render={elt.render || (text => text)}
/>
)}
</Table>
</div>
);
};
}
今のところ、テーブルの中で、テキストとレコードのパラメータは存在しているので、何が起こっているのかわかりません。
antの互換性がうまくいかなかったせいかもしれませんね
結局、私の解決策は eslint-disableでエラーを報告するコードを直接コメントアウトする。 (最後の手段として==)
/*eslint-disable*/
{
title: 'applicant/application date',
dataIndex: 'last_save_name',
key: 'last_save_name',
render: (text, record) => (
<Fragment>
<div>{record.last_save_name || 'none'}</div>
<div>{record.last_save_time || 'none'}</div>
</Fragment>
)
}
/*eslint-disable*/
関連
-
オブジェクトが存在するにもかかわらず、null のプロパティ 'addEventListener' を読み込むことができません。
-
JSエラーです。Uncaught TypeError: nullのプロパティ'addEventListener'を読み取ることができません。
-
(解決済み)JSONの1番目の位置で予期しないトークンoが発生した。
-
エラー [ERR_HTTP_HEADERS_SENT]: クライアントに送信された後のヘッダを設定できない
-
タイマーのエラーを解決する:Uncaught TypeError: that.setAttribute is not function
-
uncaught typeerror cannot read property 'data' of undefined エラーの理由
-
document.getElementById は関数ではありません。
-
js ajax 呼び出し 残りインターフェイス
-
分割は機能ではありません
-
DOCTYPE html> Uncaught SyntaxError: 予期しないトークン
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: nullのプロパティ'addEventListener'を読み取れない 考えられる問題
-
JSON の位置 1 に予期しないトークン o がある エラーの理由
-
エラー btn.addEventListener は関数ではありません。
-
layui (laydate) を使用すると、Cannot read property 'appendChild' of undefined というエラーが、どこをクリックしても表示されます。
-
日付までのタイムスタンプ(2018-01-01)
-
JSネイティブAjaxとjQuery Ajaxをコード例で紹介します。
-
テンセントのアーキテクトに連れられてコードを書く - vue real enterprise practice sharing
-
contenteditableは、エディタ、カーソル、入力メソッド処理、絵文字表示、変換ストレージを実装しています。
-
Uncaught SyntaxError: 予期しないトークン < エラーは完全に解決しました。
-
datetimepickerが関数でないエラー