如何從reactjs中的狀態列出數組？

Question

我剛開始看reactjs，並試圖顯示從國家項目的列表，這是我的主要組成部分的片段：

const render =() => ReactDOM.render(
    <div> 
    <AddButton 

     addToList={() => store.dispatch(
     { 
      type: 'ADDTEXT', 
      payload: { 
      text: 'this is a text' 
      } 
     } 
    )} 
    /> 

    <List items="store.getState()"></List> 
    </div> 

    , 
    rootEl 
) 

我希望國家注入到這是一個數組列表。 名單看​​起來是這樣的：

import React, { PropTypes } from 'react' 
import Item from './Item' 

const List = ({ items }) => (
    <ul> 
    {items.map(item => 
     <Item 
     key={item.id} 
     {...item} 

     /> 
    )} 
    </ul> 
) 
// 


export default List 

但是我得到這個錯誤：

Uncaught TypeError: items.map is not a function 

的完整代碼坐落在：https://github.com/dimitri-a/counter_react/examples/counter

Answer 1

你不應該通過items作爲字符串store.getState()。試試這個：

<List items={store.getState()}></List>