在React中,应该如何管理可重用List组件的状态?

时间:2014-11-25 21:12:46

标签: reactjs

我创建了一个简单的List组件,可以在我的应用程序中重用,并且可以容纳不同类型的元素。此列表的状态对应于元素数组。

我想知道的是,状态应该保留在List组件内部,还是外部通过父组件保存。 E.g:

案例1:

MyComponent = React.createClass(

  getInitialState: ->
    items: [1,2,3,4,5]

  render: ->
    List items: @state.items
)

案例2:

MyComponent = React.createClass(

  render: ->
    items= [1,2,3,4,5]
    List initialState: items
)

1 个答案:

答案 0 :(得分:2)

国家应该保持在他们需要的最高点。因此,如果它只是UI状态而MyComponent并不关心这些项目,那么List应该拥有它。否则MyComponent应该。

状态传递下来,只会回调回调。