React createElement 类型不应为空/未捕获的不变违规

Question

我正在尝试在导航栏中呈现多 select 组件，但返回时出现以下错误：

warning.js:36Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of EventsFilters.

invariant.js:38 Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of 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 类型不应为空/未捕获的不变违规

React createElement type should not be null/ Uncaught Invariant Violation

jsx

reactjs