这样的页面，大家会怎么写呢？

Question

页面分3部分组件

1.查询表单 <QueryForm>
2.排序按钮 <SortBtn>
3.商品列表 <GoodList>

点击查询表单、点击排序按钮、页面滚动到底部，
都需要触发商品列表的加载商品数据方法

用redux
这样的页面该怎么写呢？

Answer 1

首先，redux是状态管理工具，准确来说，和页面/组件如何实现没有关系，它只负责数据，如果页面中的数据多个组件中共享，就放到redux中。很明显，你当前页面的商品列表数据，只会在当前页面中用到，所有不需要放到redux中。redux只是一种管理数据的思路，不是说任何数据都要交给redux管理。

然后，页面如何实现，我感觉没什么好描述的，无非主要使用input，button，table这三个标签，然后需要什么功能就实现就行了，如果说搜索栏，排序按钮，商品列表，你都实现不了，那我感觉题主的基础不过关，应该抓抓基础。因为用html怎么写，这里就怎么写，只不过一部分换成jsx语法就行了，没有很复杂的逻辑。