我正在写一些基于react的代码，下面是我的要求：我想提交一个表单，并将表单传递给api，当我成功完成任务后，我想被重定向到另一个页面，并显示一条消息，告诉我表单提交成功，但在此消息中，我想显示表单标题（我之前输入的）。所以我的问题是：在React中，将字段传递到新页面的最佳方法是什么？我知道一些方法，例如：1.通过路由状态1.使用语境有没有其他的方法可以做到这一点？在React中推荐哪一种？谢谢!希望能从ReactJs团队得到更多的建议，谢谢!
watbbzwu1#
您可以使用Redux存储formTitleState初始值为空字符串。应用中的任何位置都可以访问该状态。您可以使用onchange事件侦听器来侦听输入标题的输入字段，以将表单标题状态更改为您在输入中输入的任何内容。向API发送请求成功后，请使用类似<Navigate to="/success" />从react-router-dom将用户推送到另一个页面。由于formTitleState是全局可访问的，因此您可以在成功页面或中使用它，并在UI中显示它。希望这能帮上忙。
formTitleState
onchange
<Navigate to="/success" />
react-router-dom
1条答案
按热度按时间watbbzwu1#
您可以使用Redux存储
formTitleState初始值为空字符串。应用中的任何位置都可以访问该状态。您可以使用
onchange事件侦听器来侦听输入标题的输入字段，以将表单标题状态更改为您在输入中输入的任何内容。向API发送请求成功后，请使用类似<Navigate to="/success" />从
react-router-dom将用户推送到另一个页面。由于formTitleState是全局可访问的，因此您可以在成功页面或中使用它，并在UI中显示它。希望这能帮上忙。