如何将附加数据传递给react router dom v6.4中的action函数

Question

<Route
  action={async ({ request, params }) => {
    let formData = await request.formData();
    // ...
  }}
/>

如上所示，action 函数只能从 request 和 params 中获取数据。有没有其他方法可以在提交表格时获取附加信息。

我尝试使用类似形式的操作属性将附加信息放入搜索参数中action="submit.php?additional_data=some%20additional%20data"，并尝试访问操作函数中的搜索参数。但我无法访问操作函数中的位置对象。

Answer 1

您可以尝试使用隐藏输入

<input name='hiddenInput1' readOnly hidden value={additionalData}