无状态功能组件方法永远不会从Redux存储中获取新数据，但其他方法却能

Question

我遇到了麻烦。 我有一个相当普遍的功能组件，通过mapStateToProps连接到Redux：

    const TableWrapper = ({ studentsSelection }) => {

  const onComponentStateChanged = params =>
    params.api.forEachNode(node =>
      studentsSelection.selectedStudents.findIndex(student =>
        student.number === node.data.number) >= 0 &&
      node.setSelected(true)
    );

  const gridOptions = getGridOptions(onComponentStateChanged(), onSelection);

  return (
    <BootStrapTableWrapper>
      <Table gridOptions={gridOptions} />
    </BootStrapTableWrapper>
  );
};
TableWrapper.propTypes = {
  studentsSelection: PropTypes.shape({
    selectedStudents: PropTypes.array
  })
};

const mapStateToProps = state => ({
  studentsSelection: state.gpCreationWizard.studentsSelection
});

export default connect(mapStateToProps)(TableWrapper);

其中getGridOption指的是：

const getStudentsSelectionGridOptions = (onComponentStateChanged, updateStudentsSelectionSelectionAction) => ({
    ...studentsSelectionGridOptions,
    onComponentStateChanged(props) {
        onComponentStateChanged(props);
    },
    onRowSelected({node}) {
        updateStudentsSelectionSelectionAction(node);
    },
});

export default getStudentsSelectionGridOptions;

生成的gridOptions用于Ag-Grid表。

因此，让我解释一下业务功能：我正在使用Ag-Grid表，并且当用户选择一些学生时，他们会添加到Redux存储中。 然后，我使用onComponentStateChanged来保持分页中的选择。 因此，如果用户更改了页面，而旧数据将被新数据替换，我希望在他返回时保留选择。 但是问题是onComponentStateChanged始终引用相同的studentsSelection.selectedStudents （但是其他方法会渲染并接收新数据）。 因此，这可能与js作用域有关。 请，我应该怎么做才能使此功能使用新数据，而不是旧数据。 我试图用花药功能包装那个，但是没有任何效果。 有趣的事实是，这对于类组件和this.props引用都适用。 如果我说的不是很清楚，请询问更多详细信息。

Answer 1

不确定getGridOptions的作用是什么...但是我认为问题是，您正在调用方法而不是传递方法，因此请更改：

const gridOptions = getGridOptions(onComponentStateChanged(), onSelection);

至：

const gridOptions = getGridOptions(onComponentStateChanged, onSelection);

所以onComponentStateChanged作为方法发送，而不是调用它的结果