react hook form - watch vs onchange，哪个是正确的方法

Question

我正在使用watch、setValue 和getValues 根据另一个下拉选择值更新一个下拉选择值。 也可以使用下拉列表的onChange，所以onChange，setValue 和getValues，所以不需要使用watch。 能否请您指导一下，watch 是性能成本，然后使用onChange 或者看看它是如何在下面实现的就可以了（没有onChange）。

const dropdownList_1_watch_value = watch(dropdownList_1);

    useEffect(()=>{
    if (dropdownList_1_watch_value !== 'specificValue') && getValues(dropdownListControlName) !== defaultValue)
    {
    setValue(another_dropdownListControlName, defaultValue);
    }},[dropdownList_1_watch_value]);

return (
<>
 // list of dropdown list components and other controls
</>

);

Answer 1

就性能而言，两者之间应该没有太大区别。

我将引用一篇博文：

应谨慎使用 React Watcher，以防万一 真正解决问题的任何其他方式。在大多数情况下，您需要 当某些道具发生变化时做某事，你真的不需要它。为什么？ 因为在大多数情况下，您通常可以将事件与 导致道具改变的动作，例如当触发一个 过滤列表的更改。

全文：http://sborrazas.com/blog/react-watcher