next.js 14 错误：无法读取未定义的属性（读取“get”）”

Question

官方示例https://github.com/vercel/next.js/tree/canary/examples/next-forms在createTodo时给出错误“Error: Cannot readproperties of undefined (reading 'get')”。但是当您不使用 useFormState 时，一切正常。为什么我在使用 useFormState 时出现错误？

action.js

const 解析 = schema.safeParse({ 待办事项: formData.get('todo'), ^ })

При спробі створити новий Todo видає помилку 错误：无法读取未定义的属性（读取“get”）”

Answer 1

在您的 Next.js 示例中使用

useFormState

似乎可能存在问题。您遇到的错误“错误：无法读取未定义的属性（读取'get'）”，表明有人尝试访问未定义对象的'get'属性。

如果没有完整的代码上下文，确定确切的问题有点困难。不过，我可以提供一些一般性建议来帮助您解决问题：

1. 检查

   formData

   是否已定义： 确保在您尝试访问其“get”方法时，

   formData

   不是

   undefined

   或

   null

   。您可以在使用

   formData.get

   之前添加检查以避免错误。

   const todoValue = formData ? formData.get('todo') : null;
   
   const parse = schema.safeParse({ todo: todoValue });
   

2. 确保正确实施

   useFormState

   ： 验证您在代码中是否正确使用了

   useFormState

   。确保它已正确初始化并且可以在需要时访问其状态。

3. 查看官方文档和问题： 访问

   next-forms

   包的官方文档或 GitHub 存储库，查看是否有任何更新、已知问题或与您面临的问题相关的解决方案。

4. 调试： 使用调试工具（例如 console.log 语句）来检查相关变量的值，例如

   formData

   。这可以帮助您确定问题发生的位置。

如果您可以提供有关如何使用

useFormState

以及发生此错误的更多代码或详细信息，我也许可以提供更具体的解决方案。

Слава Україні！