usegetrecoilvalueinfo-ag捕鱼王app官网

usegetrecoilvalueinfo_unstable() 钩子函数允许组件 “窥视” atom 或者 selector 的当前状态、值和其他信息。这类似于 snapshot 中的 getinfo_unstable() 方法。

function usegetrecoilvalueinfo_unstable(): recoilvalue => atominfo;
interface atominfo {
  loadable?: loadable;
  isactive: boolean;
  isset: boolean;
  ismodified: boolean; // todo 是否报告已修改的 selectors
  type: 'atom' | 'selector' | undefined; // 初始化之前暂时设定为 undefined
  deps: iterable>;
  subscribers: {
    nodes: iterable>,
    components: iterable,
  };
}
interface componentinfo {
  name: string;
}

它提供了一个可以通过 recoilvalue 传递的函数并且将会返回一个包含 atom/selector 当前信息的对象。它并不会导致任何 state 改变或者创建任何订阅。它主要用于调试或开发工具中。

调试信息正在改进中，但可能包括：

• loadable - 一个带有当前状态的 loadable。与 getloadable() 等方法不同，此方法根本不会改变快照 (snapshot)。它提供当前状态，并且将不会初始化新的 atoms/selectors，执行任何新的 selector 计算，或更新任何依赖项或订阅。
• isset - 如果这是存储在快照状态中的带有显式值的 atom，则为 true。如果这是一个 selector 或使用默认的 atom 状态，则为 false。
• ismodified - 如果这是自上次处理后修改过的 atom，则为 true。
• type - atom 或者 selector。
• deps - 该节点所依赖的 atoms 或者 selectors 上的迭代器。
• subscribers - 有关为此快照订阅此节点的信息。

示例

function buttontoshowcurrentsubscriptions() {
  const getrecoilvalueinfo = usegetrecoilvalueinfo_unstable();
  function onclick() {
    const {subscribers} = getrecoilvalueinfo(myatom);
    console.debug(
      'current subscriber nodes:',
      array.from(subscribers.nodes).map(({key})=>key),
    );
  }
  return see current subscribers;
}