我正在尝试在导航栏中渲染一个多选组件,但我回来时遇到这些错误:
warning.js:36警告:React.createElement:type不应为null,undefined,boolean或number . 它应该是一个字符串(对于DOM元素)或一个ReactClass(对于复合组件) . 检查EventsFilters的render方法 . invariant.js:38 Uncaught Invariant Violation:元素类型无效:期望一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:undefined . 检查EventsFilters的render方法 .
正确方向的指针将不胜感激 .
过滤代码:
import React from 'react';
//Event Types Filter
class EventsFilters extends React.Component {
//Define react properties
static propTypes: {
setLocalStorage: 'jjj',
selectedFilters: 'sds',
}
render() {
var SelectList = React.SelectList;
var items = [
{id: 0, name: 'Workflow Event'},
{id: 1, name: 'Dev Event'},
];
//Event Workflow Select List
var EventsWorkflowFilters = (
<div>
<SelectList
textField='name'
valueField='id'
className='selectlist-unstyled list-inline filter-list'
defaultValue={[0]}
data={items}
multiple="true" />
</div>
)
return(EventsWorkflowFilters)
}}
export default EventsFilters;
1 回答
React没有提供SelectList组件,所以你的
SelectList
变量是undefined
,你需要自己动手,或者如果有人已经有,请检查npm . 例如,您可以使用https://www.npmjs.com/package/react-select并查看文档以了解如何使用它 .希望这有帮助