React项目 页面切换，保留表单筛选项

Q: 人员列表页面切换保留筛选项

ans:

/**
 * 表单组件在挂载时，将组件的 fields 值赋给对应的交互组件
 */
componentDidMount() {
    const { fields, pageIndex } = View;
    this.props.form.setFieldsValue(fields);
    this.getUser(pageIndex);
}

/**
 * 表单组件在卸载时，将对应的交互组件的值赋给组件的 fields
 */
componentWillUnmount() {
    View.fields = this.props.form.getFieldsValue();
    View.pageIndex = this.state.pageIndex;
}

可以保留所有筛选项以及当前pageIndex等。在组件卸载的时候，都是存储在View当前的实例上。在组件重新加载的时候，又设置当前form的值，以及传递当前pageIndex。

记录一下~