react-hook-form：索引更改时更新 useFieldArray 字段

Question

我在 NextJS 中有这个简单的代码：

  const {
    fields: alternatives,
    append,
    remove,
    replace,
  } = useFieldArray({
    control,
    name: `questions.${questionIndex}.alternatives`,
  });

  useEffect(() => {
    console.log('alternatives updated')
  }, [alternatives])

我想要的只是在

alternatives

更改时更新

questionIndex

数组，然后在

useEffect

挂钩内运行 console.log。怎么可能？

Answer 1

您需要在

questionIndex

依赖项数组中添加

useEffect

。对

alternatives

数组的引用可能并不总是更新，因为

useFieldArray

依赖于相同的

control

实例。

useEffect(() => {
    console.log('alternatives updated');
}, [alternatives, questionIndex]); // Add questionIndex here

希望有帮助！！！