跳到主要内容

nextJS的useFormState用法

  • 通过useFormState处理复杂情况,state是返回自定义的数据
  • 类似usestate钩子函数,返回值前面是一个当前状态,后面部分是serveraction函数名字。
  • useFormState接收两个参数:action的函数名,初始状态。
  • serveraction函数自动接收两个参数:prevState(前一个状态或者初始状态)和formdata。
  • 通过useOptimistic和useTransition,在server action之前可以更新UI,在确定一定可以导入数据的情况,否则容易引起误解。