javascript - 我可以将完整的商店对象从容器发送到操作创建者(React/Redux)吗

Question

伙计们，我不完全理解这个解决方案是否正确，但是我可以将一些特定的存储数组[对象]从容器发送到操作创建者吗？

任务是在商店中实现搜索。

Action 创建器示例

export const mySearch = (search) => {
return {
 type: SEARCH,
 a: data.text, //some additional value
 b: data.items //store object
}

Answer 1

您可以将商店中的一些数据应用到组件的属性中。

const mapeStateToProps = state => ({ data: state.data });

从那里，您可以通过“高阶函数”创建操作，并传入您的属性。

const mapDispatchToProps = dispatch => {
  const mySearch = data => search => dispatch({
    type: SEARCH,
    a: data.text,
    b: data.items,
  });

  return { mySearch };
};

现在从您的组件中调用它。

const Component = props =>
  <input type="search" onUpdate={props.mySearch(props.data)} />;

您可以通过搜索参数获取输入的值:search.target.value