需求:
想要实现,通过点击关键字按钮,来过滤出与该关键字相关的 todos:
思路:
- 包装一个Link 组件 < FilterLink filter = "关键字"> ,里面是 < Link > 组件,在 Link 组件中通过 props属性接收每个按钮的关键字,然后把该关键字的值作为路径赋值给 Link 组件中的 to属性,实现点击按钮,路径发生改变。
- 在大的容器组件中,通过获得当前的路径,来获取点击的是哪个关键字按钮,然后根据每条 todo 的属性一个一个进行过滤!!!
- 可以给点击事件创建一个 action 函数,然后点击就dispatch派发该事件,在reducer中进行要展示的 todo 的过滤!!!