reactjs - 在 React 中，应该如何管理可重用 List 组件的状态？

Question

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

我想知道状态是否应该保存在 List 组件内部，或者通过父组件保存在外部。例如:

情况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
)

Answer 1

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

状态会向下传递，并且仅通过回调返回。