反应路由器v5导航离开事件

Question

从{strong> MyForm 导航时，使用react-router-dom 5.1.2和formik 2.0.1，并且需要保留formik.values。 react-router中是否有类似beforeLocationChange的事件？或最佳选择是什么？

预先感谢

Answer 1

您可以通过在父组件中创建onChangeHandler，然后将其作为道具传递给MyForm组件，将表单信息保存在父类/应用类中。

<MyForm onChangeHandler={() => this.onChangeHandler(e)} formData={this.state.formData} />

您必须将表单值绑定到props值，然后将数据存储在您的状态中，以便数据可以在MyForm外部持久保存

我认为您想研究react-redux https://github.com/reduxjs/react-redux-如果您想扩展应用程序并且不希望更新儿童道具的混乱局面（一定规模，在组件之间传递信息可能会使您的应用程序出现某些意外行为）