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>

如何在reactjs中列出状态数组？

1 个答案: