组件的React.js道具

Question

基于此示例https://jsfiddle.net/reactjs/n47gckhr/light/取自React的官方文档https://facebook.github.io/react/docs/thinking-in-react.html

1）如果要创建多个FilterableProductTable并必须从服务器获取数据，则必须在初始化时将ajax方法放在父组件中，并将数据传递给FilterableProductTable （如示例中所示）。

2）在FilterableProductTable使用ajax方法来获取所需的数据（并是一个独立的组件）是否有意义。 但是如果这样做，我将必须使数据（示例中的产品）处于FilterableProductTable的状态，而不是props的状态，因为props不能由其自己的组件更改。 但是，将产品定为状态听起来并不正确。

那么选项1更好还是应该选择选项2？

Answer 1

选项1优于选项2，但使用通量模式仍会更好。 使用磁通量模式的主要优点是更好的关注点分离。 最好将数据逻辑与显示逻辑分开。 这样可以简化项目的维护。