如何在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>