Javascript 导入react数据网格加载项不呈现任何组件

我已尝试导入以下css：

import'react data grid addons/dist/react data grid addons.css'

已尝试按以下方式响应数据网格加载项：

import * as DataGridAddons from 'react-data-grid-addons';
const { DropDownEditor } = DataGridAddons.Editors;
const { DropDownFormatter } = DataGridAddons.Formatters;

const titles = ['Dr.', 'Mr.', 'Mrs.', 'Miss', 'Ms.'];

const columns = [
{
editor: <DropDownEditor options={titles} />,
formatter: DropDownFormatter
}
]

导入react数据网格插件导致渲染问题的原因是什么

在某些地方，我看到react版本16.*版本不支持react数据网格插件。如果试图找到这样的来源，将使用来源的url编辑此问题

我有以下错误：

client:135 ./node_modules/react-data-grid-addons/lib/draggable/DraggableHeaderCell.js 47:26-39
"export 'DragItemTypes' was not found in 'react-data-grid'
warnings @ client:135
eval @ socket.js:47
sock.onmessage @ SockJSClient.js:67
EventTarget.dispatchEvent @ sockjs.js:170
eval @ sockjs.js:888
SockJS._transportMessage @ sockjs.js:886
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2962
DevTools failed to load SourceMap: Could not load content for webpack:///node_modules/react-data-grid/lib/index.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

client:135 ./node_modules/react-data-grid-addons/lib/draggable/DraggableHeaderCell.js 47:26-39
"export 'DragItemTypes' was not found in 'react-data-grid'
warnings @ client:135
eval @ socket.js:47
sock.onmessage @ SockJSClient.js:67
EventTarget.dispatchEvent @ sockjs.js:170
eval @ sockjs.js:888
SockJS._transportMessage @ sockjs.js:886
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2962
DevTools failed to load SourceMap: Could not load content for webpack:///node_modules/react-data-grid/lib/index.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME