javascript - 如何在点击时使用初始 useState 值

Question

我正在使用 react 钩子(Hook)，当加载页面时，我设置了一些与某种排序相关的默认/初始值，它看起来像这样:

 const [sortingOptions, setSortingOptions] = useState({
    name: 'productName',
    direction: 'ASC',
  });

假设应用程序已被使用，当然这个值已经改变，假设我想在点击时再次获得这个值..例如:

const resetSorts => {
   // could I call something here to setSortingOptions again to productName and asc ? 
};

首先我考虑创建新变量，例如:

 const initialSortState = {
    name: 'productName',
    direction: 'ASC',
  };

并设置如下:

setSortingOptions(initialSortState );

但我不确定这是否是正确的方法，是否有其他方法可以在点击时返回初始/默认状态值？

谢谢大家干杯

Answer 1

为了将其设置为默认值，您需要将默认值存储在某处的变量中。所以你的方法是正确的，而且非常可读。通过查看文档，如果您有更复杂的组件，可以 provide a function返回默认值，但对于您的用例，我会说只使用一个常量。