组件

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状态而不是道具，因为道具不能由其自己的组件进行更改。但是将产品制作成状态听起来并不合适。

选项1是否更好，或者我应该使用选项2？

Answer 1

选项1优于选项2，但使用助焊剂模式会更好。使用通量模式的主要优点是更好地分离关注点。将数据逻辑与显示逻辑分开是件好事。这样可以更轻松地维护项目。