当我使用多个嵌套的 SWRConfig 时选择了哪些选项？答案

【问题标题】：What options are picked when I use multiple nested SWRConfig?当我使用多个嵌套的 SWRConfig 时选择了哪些选项？
【发布时间】：2022-08-09 06:50:00
【问题描述】：

我目前正在使用 SWRConfig 来拥有一个全局提取器，但我也想在某些组件中覆盖这个提取器，是否会使用上层 SWRConfig 选项？

<SWRConfig
    value={{
      fetcher: (resource, init) =>
        fetch(resource, init).then((res) => res.json()),
    }}
  >
       ...
         <SWRConfig
             value={{
               fetcher: customFetch
            }}
          >

嵌套配置将被扩展，这意味着如果您在第二个SWRConfig 中使用useSWR，它将使用那里定义的提取器。如果您愿意，您还可以在useSWR 调用中定义提取器以覆盖全局提取器。

标签： reactjs next.js swr

【解决方案1】：

嵌套的SWRConfig 配置将被扩展。对于您的场景，这意味着如果您在第二个SWRConfig 中调用useSWR，它将使用那里定义的提取器（customFetch）。

或者，您也可以在useSWR 调用上直接定义提取器，以便在任何时候覆盖全局提取器。

useSWR('my-key', customFetch)

【讨论】：