Reactjs 使用基本DropDownEditor时响应数据网格发出警告

以下是我用于react数据网格的版本。在Chrome上运行应用程序

"react": "^15.4.2",
"react-data-grid": "^2.0.8",
"react-data-grid-addons": "^2.0.17",

我正在复制主网站上的示例。网格本身正在按预期运行，但我在Chrome的控制台中收到以下警告：

Warning: Failed prop type: Invalid prop `options[0]` supplied to `DropDownEditor`.
in DropDownEditor (created by HomePage)
in HomePage (created by RouterContext)
in div (created by App)
in App (created by RouterContext)
in RouterContext (created by Router)
in Router

Warning: Failed prop type: The prop `value` is marked as required in `DropDownFormatter`, but its value is `undefined`.
in DropDownFormatter (created by HomePage)
in HomePage (created by RouterContext)
in div (created by App)
in App (created by RouterContext)
in RouterContext (created by Router)
in Router

下面是设置React数据网格组件代码的代码片段：

进口：

import {Editors, Formatters} from 'react-data-grid-addons';
const { DropDownEditor } = Editors;
const { DropDownFormatter } = Formatters;

参数设置：

const titleTypes = [
        { id: 'bug', value: 'bug', text: 'Bug', title: 'Bug' },
        { id: 'improvement', value: 'improvement', text: 'Improvement', title: 'Improvement' },
        { id: 'epic', value: 'epic', text: 'Epic', title: 'Epic' },
        { id: 'story', value: 'story', text: 'Story', title: 'Story' }
    ];

    const TitleTypesEditor = <DropDownEditor options={titleTypes}/>;
    const TitleTypesFormatter = <DropDownFormatter options={titleTypes}/>;

    this.state = {
        columns: [{key: 'id', name: 'ID'}, {key: 'title', name: 'Title',
            editable: true, editor: TitleTypesEditor, formatter: TitleTypesFormatter}],
        rows: [{id:1, title: 'title1'}, {id:2, title: 'bug'}]
    };

常量标题类型=[
{id:'bug'，value:'bug'，text:'bug'，title:'bug'}，
{id:'improvement'，value:'improvement'，text:'improvement'，title:'improvement'}，
{id:'epic'，value:'epic'，text:'epic'，title:'epic'}，
{id:'story'，value:'story'，text:'story'，title:'story'}
];
常量标题类型编辑器=；
常量标题类型格式=；
此.state={
列：[{key:'id'，name:'id'}，{key:'title'，name:'title'，
可编辑：true，编辑器：TitleTypesEditor，格式化程序：TitleTypesFormatter}，
行：[{id:1，标题：'title1'}，{id:2，标题：'bug'}]
};

正在渲染组件

  <ReactDataGrid
            columns={this.state.columns}
            rowsCount={this.state.rows.length}
            rowHeight={50}
            minHeight={200}
            rowGetter={this.rowGetter}
            enableCellSelect={true}
            onGridRowsUpdated={this.handleGridRowsUpdated}
        />

---

尝试

编辑器。自动完成

而不是

DropDownEditor

和

DropDownFormatter

   import {Editors} from 'react-data-grid-addons';


   const TitleTypesEditor = <Editors.AutoComplete options={titleTypes}/>;
   const TitleTypesFormatter = <Editors.AutoComplete options={titleTypes}/>;

从'react data grid addons'导入{Editors}；
常量标题类型编辑器=；
常量标题类型格式=；

尝试

编辑器。自动完成

而不是

DropDownEditor

和

DropDownFormatter

   import {Editors} from 'react-data-grid-addons';


   const TitleTypesEditor = <Editors.AutoComplete options={titleTypes}/>;
   const TitleTypesFormatter = <Editors.AutoComplete options={titleTypes}/>;

从'react data grid addons'导入{Editors}；
常量标题类型编辑器=；
常量标题类型格式=；