2016-10-03 55 views
1

我試圖呈現一個導航欄內的多選組件,但我有這些錯誤回來空/未捕獲不變違規:陣營的createElement類型不應該是

warning.js:36Warning:陣營.createElement:類型不能爲空, 未定義,布爾值或數字。它應該是一個字符串(對於DOM 元素)或ReactClass(對於複合組件)。檢查EventsFilters的渲染 方法。

invariant.js:38未捕獲不變衝突:元素類型無效: 預期的字符串(用於內置組件)或類/功能( 複合部件),但得到:未定義。檢查渲染方法 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; 
+0

React.SelectList可能是undefined – seb

回答

1

反應,以便您的SelectList變量undefined沒有提供的SelectList組件,你需要自己做,或在NPM檢查,如果已經有人了。例如,您可以使用https://www.npmjs.com/package/react-select並查看文檔以瞭解如何使用它。

希望得到這個幫助