React Data Grid にはサーバー側のレンダリングに問題があったため、ファイルのバンドルを行っているときに「self is not defined」というエラーが発生していました。それを修正するために、モジュールで次のコードを使用して修正しました。
var ExecutionEnvironment = require('exenv');
if (ExecutionEnvironment.canUseDOM) {
var ReactDataGrid = require('react-data-grid');
var {Toolbar, Filters: {NumericFilter, AutoCompleteFilter, MultiSelectFilter, SingleSelectFilter}, Data: {Selectors}} = require('react-data-grid-addons');
}
ただし、上記のコードは「自己が定義されていない問題」を修正しました。ただし、フィルター機能が機能しない原因となっています。コンソールで次の警告だけに直面していますdefaultProps
。フィルターが機能しないため。画像に示すように、フィルタ行がぼやけて表示されます