从下拉菜单选择器react / redux更新显示的项目列表

Question

我正在尝试了解如何使用react / redux过滤项目列表。我基于此https://jsbin.com/pineyec/edit?html,console,output

构建了此示例questions

经过几个小时的帮助，我终于让我的滤镜组件正常工作了（我猜）。但是，我怎么不明白我应该如何将我的过滤器组件与我的项目列表组件链接起来。

我想我的问题的关键在于以下代码，但我并不理解它：

Qt

我是否需要建立新的行动？还是新的减速机？

下一步应该是什么？

感谢。

Answer 1

你有两个mapStateToProps函数具有相同的名称，所以你总是调用最后一个函数。

更改

function mapStateToProps(state) {
          return {
            movies: state.moviesReducer.movies,
          };
        }

const MovieOne = connect(mapStateToProps)(Movies);

到

 function mapStateToPropsMovies(state) {
      let {year,genre,rating,sorting,movies} =  state.moviesReducer;
      return {
        movies:  getVisibleMovies(year, genre, rating, sorting, movies)
      };
 }


 const MovieOne = connect(mapStateToPropsMovies)(Movies);

jsbin working