Question

我尝试在导航栏中渲染多选组件，但我回过头来看这些错误：

warning.js：36警告：React.createElement：type不应为null，   undefined，boolean或number。它应该是一个字符串（对于DOM   元素）或ReactClass（用于复合组件）。检查渲染   EventsFilters的方法。

invariant.js：38 Uncaught Invariant Violation：元素类型无效：   期望一个字符串（用于内置组件）或一个类/函数（用于   复合组件）但得到：未定义。检查渲染方法   EventsFilters。

指向正确方向的指针将不胜感激。

过滤代码：

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;

Answer 1

React不提供SelectList组件，因此您的SelectList变量为undefined，您需要自己动手，或者如果有人已经拥有，请检查npm。例如，您可以使用https://www.npmjs.com/package/react-select并查看文档以了解如何使用它。

希望这个帮助

React createElement类型不应为null / Uncaught Invariant Violation

1 个答案: