From f15231b633d7eda79c927d6af070545dc76635ef Mon Sep 17 00:00:00 2001 From: Ishraq Hasan Date: Tue, 18 Jul 2023 09:18:51 +0600 Subject: [PATCH] Added some styling changes to Markdown (Links in Callouts) --- pages/docs/data-fetching.en-US.mdx | 4 ++-- pages/docs/data-fetching.fr-FR.mdx | 2 +- pages/docs/data-fetching.ja.mdx | 4 ++-- pages/docs/data-fetching.ko.mdx | 2 +- pages/docs/data-fetching.pt-BR.mdx | 8 ++++---- pages/docs/data-fetching.ru.mdx | 2 +- pages/docs/data-fetching.zh-CN.mdx | 4 +++- pages/docs/getting-started.en-US.mdx | 3 +-- pages/docs/getting-started.es-ES.mdx | 2 +- pages/docs/getting-started.fr-FR.mdx | 2 +- pages/docs/getting-started.ja.mdx | 2 +- pages/docs/getting-started.ko.mdx | 2 +- pages/docs/getting-started.pt-BR.mdx | 2 +- pages/docs/getting-started.ru.mdx | 2 +- pages/docs/getting-started.zh-CN.mdx | 2 +- pages/docs/revalidation.en-US.mdx | 4 ++-- pages/docs/revalidation.es-ES.mdx | 4 ++-- pages/docs/revalidation.fr-FR.mdx | 2 +- pages/docs/revalidation.ja.mdx | 4 ++-- pages/docs/revalidation.ko.mdx | 4 ++-- pages/docs/revalidation.pt-BR.mdx | 4 ++-- pages/docs/revalidation.ru.mdx | 4 ++-- pages/docs/revalidation.zh-CN.mdx | 6 +++--- pages/docs/suspense.en-US.mdx | 2 +- pages/docs/suspense.es-ES.mdx | 2 +- pages/docs/suspense.fr-FR.mdx | 2 +- pages/docs/suspense.ja.mdx | 2 +- pages/docs/suspense.ko.mdx | 2 +- pages/docs/suspense.pt-BR.mdx | 2 +- pages/docs/suspense.ru.mdx | 2 +- pages/docs/suspense.zh-CN.mdx | 4 ++-- 31 files changed, 47 insertions(+), 46 deletions(-) diff --git a/pages/docs/data-fetching.en-US.mdx b/pages/docs/data-fetching.en-US.mdx index 602108a4..7a67df84 100644 --- a/pages/docs/data-fetching.en-US.mdx +++ b/pages/docs/data-fetching.en-US.mdx @@ -12,8 +12,8 @@ This is the very fundamental API of SWR. The `fetcher` here is an async function The returned value will be passed as `data`, and if it throws, it will be caught as `error`. - Note that fetcher can be omitted from the parameters if it's{' '} - provided globally. + Note that fetcher can be omitted from the parameters if it's + [provided globally](/docs/global-configuration) ## Fetch [#fetch] diff --git a/pages/docs/data-fetching.fr-FR.mdx b/pages/docs/data-fetching.fr-FR.mdx index 49267093..572aab56 100644 --- a/pages/docs/data-fetching.fr-FR.mdx +++ b/pages/docs/data-fetching.fr-FR.mdx @@ -13,7 +13,7 @@ La valeur retournée sera passée en tant que `data`, et si elle lance une erreu Notez que fetcher peut être omis des paramètres s'il est{' '} - fourni globalement. + [fourni globalement](/docs/global-configuration) ## Récupération [#fetch] diff --git a/pages/docs/data-fetching.ja.mdx b/pages/docs/data-fetching.ja.mdx index 4de3c06a..6ad0944a 100644 --- a/pages/docs/data-fetching.ja.mdx +++ b/pages/docs/data-fetching.ja.mdx @@ -13,8 +13,8 @@ const { data, error } = useSWR(key, fetcher) fetcher が{' '} - グローバルで提供されている{' '} - 場合は、パラメーターから省略できることに注意してください。 + [場合は、パラメーターから省略できることに注意してください。](/docs/global-configuration) + ## Fetch [#fetch] diff --git a/pages/docs/data-fetching.ko.mdx b/pages/docs/data-fetching.ko.mdx index edaf2959..21fe6602 100644 --- a/pages/docs/data-fetching.ko.mdx +++ b/pages/docs/data-fetching.ko.mdx @@ -12,7 +12,7 @@ const { data, error } = useSWR(key, fetcher) 반환된 값은 `data`로 전달되며, 만약 throws라면 `error`로 잡힙니다. - fetcher가 전역으로 제공된다면 + fetcher가 [전역으로 제공](/docs/global-configuration)된다면 파라미터에서 생략할 수 있습니다. diff --git a/pages/docs/data-fetching.pt-BR.mdx b/pages/docs/data-fetching.pt-BR.mdx index e415e300..8053bc39 100644 --- a/pages/docs/data-fetching.pt-BR.mdx +++ b/pages/docs/data-fetching.pt-BR.mdx @@ -13,10 +13,10 @@ O valor retornado será passado como `data`, e se ele der erro, será capturado Note que fetcher pode ser omitido dos parâmetros se ele for{' '} - fornecido globalmente. + [fornecido globalmente](/docs/global-configuration). -## Fetch [#fetch] +## Fetch [#fetch] Você pode usar qualquer biblioteca para lidar com a obtenção de dados, por exemplo o `fetch` polyfill [developit/unfetch](https://github.com/developit/unfetch): @@ -36,7 +36,7 @@ function App () { New Built-In Polyfills: fetch(), URL, and Object.assign -## Axios [#axios] +## Axios [#axios] ```js import axios from 'axios' @@ -49,7 +49,7 @@ function App () { } ``` -## GraphQL [#graphql] +## GraphQL [#graphql] Ou usando GraphQL com bibliotecas como [graphql-request](https://github.com/prisma-labs/graphql-request): diff --git a/pages/docs/data-fetching.ru.mdx b/pages/docs/data-fetching.ru.mdx index 7479cc19..eb4c0688 100644 --- a/pages/docs/data-fetching.ru.mdx +++ b/pages/docs/data-fetching.ru.mdx @@ -13,7 +13,7 @@ const { data, error } = useSWR(key, fetcher) Обратите внимание, что fetcher можно не указывать в параметрах, если он{' '} - предоставляется глобально. + [предоставляется глобально](/docs/global-configuration). ## Выборка (Fetch) [#fetch] diff --git a/pages/docs/data-fetching.zh-CN.mdx b/pages/docs/data-fetching.zh-CN.mdx index 66eeead8..f6116f96 100644 --- a/pages/docs/data-fetching.zh-CN.mdx +++ b/pages/docs/data-fetching.zh-CN.mdx @@ -12,7 +12,9 @@ const { data, error } = useSWR(key, fetcher) 返回值将作为 `data` 传递，如果抛出错误，将作为 `error` 被捕获。 - 注意：如果 fetcher 是全局配置提供的，可以从参数中忽略。 + 注意：如果 fetcher 是 + [全局配置](/docs/global-configuration) + 提供的，可以从参数中忽略。 ## Fetch [#fetch] diff --git a/pages/docs/getting-started.en-US.mdx b/pages/docs/getting-started.en-US.mdx index 50eddc69..e6a1f9fb 100644 --- a/pages/docs/getting-started.en-US.mdx +++ b/pages/docs/getting-started.en-US.mdx @@ -25,7 +25,6 @@ Inside your React project directory, run the following: - ## Quick Start [#quick-start] For normal RESTful APIs with JSON data, first you need to create a `fetcher` function, which is just a wrapper of the native `fetch`: @@ -36,7 +35,7 @@ const fetcher = (...args) => fetch(...args).then(res => res.json()) If you want to use GraphQL API or libs like Axios, you can create your own fetcher function. - Check here for more examples. + Check [here](/docs/data-fetching) for more examples. Then you can import `useSWR` and start using it inside any function components: diff --git a/pages/docs/getting-started.es-ES.mdx b/pages/docs/getting-started.es-ES.mdx index c0f50ea7..d8b3aa09 100644 --- a/pages/docs/getting-started.es-ES.mdx +++ b/pages/docs/getting-started.es-ES.mdx @@ -36,7 +36,7 @@ const fetcher = (...args) => fetch(...args).then(res => res.json()) Si tu quieres usar API GraphQL o librerías como Axios, puedes crear tu propia función fetcher. Consulta - aqui para ver más ejemplos. + [aqui](/docs/data-fetching) para ver más ejemplos. Luego puede importar `useSWR` y empezar a usarlo dentro de cualquier componente de la función: diff --git a/pages/docs/getting-started.fr-FR.mdx b/pages/docs/getting-started.fr-FR.mdx index 7f93190b..487b7e2c 100644 --- a/pages/docs/getting-started.fr-FR.mdx +++ b/pages/docs/getting-started.fr-FR.mdx @@ -35,7 +35,7 @@ const fetcher = (...args) => fetch(...args).then(res => res.json()) Si vous souhaitez utiliser l'API GraphQL ou des librairies comme Axios, vous pouvez créer votre propre fonction fetcher. - Consultez cet page pour plus d'exemples. + Consultez [cet page](/docs/data-fetching) pour plus d'exemples. Ensuite, vous pouvez importer `useSWR` et commencer à l'utiliser dans n'importe quelle fonction composant : diff --git a/pages/docs/getting-started.ja.mdx b/pages/docs/getting-started.ja.mdx index 05e8e73c..e9f1841a 100644 --- a/pages/docs/getting-started.ja.mdx +++ b/pages/docs/getting-started.ja.mdx @@ -35,7 +35,7 @@ const fetcher = (...args) => fetch(...args).then(res => res.json()) もし GraphQL API または Axios のようなライブラリを使いたい場合は、独自のフェッチャー関数を作ることができます。 - その他の例はこちらをご覧ください。 + その他の例は [こちら](/docs/data-fetching) をご覧ください。 そして、 `useSWR` をインポートして、任意の関数コンポーネント内で使用することができます： diff --git a/pages/docs/getting-started.ko.mdx b/pages/docs/getting-started.ko.mdx index e9605284..faa29f90 100644 --- a/pages/docs/getting-started.ko.mdx +++ b/pages/docs/getting-started.ko.mdx @@ -35,7 +35,7 @@ const fetcher = (...args) => fetch(...args).then(res => res.json()) GraphQL API 또는 Axios와 같은 라이브러리를 사용하려면 여러분만의 fetcher 함수를 생성하면 됩니다. - 여기에서 더 많은 예시를 확인하세요. + [여기](/docs/data-fetching)에서 더 많은 예시를 확인하세요. 그 다음, `useSWR`을 임포트하고 함수 컴포넌트 내에서 사용하여 시작하면 됩니다. diff --git a/pages/docs/getting-started.pt-BR.mdx b/pages/docs/getting-started.pt-BR.mdx index 1f7a9b7f..0b6612c2 100644 --- a/pages/docs/getting-started.pt-BR.mdx +++ b/pages/docs/getting-started.pt-BR.mdx @@ -35,7 +35,7 @@ const fetcher = (...args) => fetch(...args).then(res => res.json()) Se você quer usar APIs GraphQL ou outras bibliotecas como Axios, você pode criar sua própria função fetcher. - Veja mais exemplos clicando aqui. + Veja mais exemplos clicando [aqui](/docs/data-fetching). Então você pode importar `useSWR` e começar a usá-lo em qualquer componente funcional: diff --git a/pages/docs/getting-started.ru.mdx b/pages/docs/getting-started.ru.mdx index 3e903154..11a51b98 100644 --- a/pages/docs/getting-started.ru.mdx +++ b/pages/docs/getting-started.ru.mdx @@ -37,7 +37,7 @@ const fetcher = (...args) => fetch(...args).then(res => res.json()) Если вы хотите использовать GraphQL API или библиотеки, такие как Axios, вы можете создать свою собственную fetcher-функцию. - Смотрите примеры здесь. + Смотрите примеры [здесь](/docs/data-fetching). Затем можете импортировать `useSWR` и использовать его внутри функциональных компонентов: diff --git a/pages/docs/getting-started.zh-CN.mdx b/pages/docs/getting-started.zh-CN.mdx index a2522df8..a04b497a 100644 --- a/pages/docs/getting-started.zh-CN.mdx +++ b/pages/docs/getting-started.zh-CN.mdx @@ -34,7 +34,7 @@ const fetcher = (...args) => fetch(...args).then((res) => res.json()) ``` - 如果要使用 GraphQL API 或类似 Axios 的库，可以自己创建 fetcher 函数。 点击 这里 查看更多示例。 + 如果要使用 GraphQL API 或类似 Axios 的库，可以自己创建 fetcher 函数。 点击 [这里](/docs/data-fetching) 查看更多示例。 然后你可以 import `useSWR` 并开始在任何函数组件中使用它： diff --git a/pages/docs/revalidation.en-US.mdx b/pages/docs/revalidation.en-US.mdx index 91372ef0..d8cda2b7 100644 --- a/pages/docs/revalidation.en-US.mdx +++ b/pages/docs/revalidation.en-US.mdx @@ -6,7 +6,7 @@ import Link from 'next/link' # Automatic Revalidation - If you want to manually revalidate the data, check mutation. + If you want to manually revalidate the data, check [mutation](/docs/mutation). ## Revalidate on Focus [#revalidate-on-focus] @@ -97,4 +97,4 @@ A SWR hook mounts as: `revalidateIfStale` useful to control the mount behaviour. By default `revalidateIfStale` is set to true. -If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. \ No newline at end of file +If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. diff --git a/pages/docs/revalidation.es-ES.mdx b/pages/docs/revalidation.es-ES.mdx index a22e5555..6df56a29 100644 --- a/pages/docs/revalidation.es-ES.mdx +++ b/pages/docs/revalidation.es-ES.mdx @@ -6,7 +6,7 @@ import Link from 'next/link' # Revalidación Automática - Si quiere revalidar manualmente los datos, compruebe mutation. + Si quiere revalidar manualmente los datos, compruebe [mutation](/docs/mutation). ## Revalidar on focus [#revalidate-on-focus] @@ -102,4 +102,4 @@ A SWR hook mounts as: `revalidateIfStale` useful to control the mount behaviour. By default `revalidateIfStale` is set to true. -If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. \ No newline at end of file +If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. diff --git a/pages/docs/revalidation.fr-FR.mdx b/pages/docs/revalidation.fr-FR.mdx index c847974b..76c7a52a 100644 --- a/pages/docs/revalidation.fr-FR.mdx +++ b/pages/docs/revalidation.fr-FR.mdx @@ -6,7 +6,7 @@ import Link from 'next/link' # Auto Revalidation - Si vous voulez revalider manuellement les données, consultez mutation. + Si vous voulez revalider manuellement les données, consultez [mutation](/docs/mutation). ## Revalider lors du Focus [#revalidate-on-focus] diff --git a/pages/docs/revalidation.ja.mdx b/pages/docs/revalidation.ja.mdx index c88aaec3..043202d0 100644 --- a/pages/docs/revalidation.ja.mdx +++ b/pages/docs/revalidation.ja.mdx @@ -6,7 +6,7 @@ import Link from 'next/link' # 自動再検証 - データを手動で再検証する場合は、ミューテーションを確認してください。 + データを手動で再検証する場合は、[ミューテーション](/docs/mutation) を確認してください。 ## フォーカス時の再検証 [#revalidate-on-focus] @@ -97,4 +97,4 @@ A SWR hook mounts as: `revalidateIfStale` useful to control the mount behaviour. By default `revalidateIfStale` is set to true. -If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. \ No newline at end of file +If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. diff --git a/pages/docs/revalidation.ko.mdx b/pages/docs/revalidation.ko.mdx index 60e7bfc4..8bc442fa 100644 --- a/pages/docs/revalidation.ko.mdx +++ b/pages/docs/revalidation.ko.mdx @@ -6,7 +6,7 @@ import Link from 'next/link' # 자동 갱신 - 수동으로 데이터를 갱신하려면 뮤테이션을 확인하세요. + 수동으로 데이터를 갱신하려면 [뮤테이션](/docs/mutation) 을 확인하세요. ## 포커스 시에 갱신하기 [#revalidate-on-focus] @@ -97,4 +97,4 @@ A SWR hook mounts as: `revalidateIfStale` useful to control the mount behaviour. By default `revalidateIfStale` is set to true. -If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. \ No newline at end of file +If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. diff --git a/pages/docs/revalidation.pt-BR.mdx b/pages/docs/revalidation.pt-BR.mdx index d60b9e8b..3104cfbf 100644 --- a/pages/docs/revalidation.pt-BR.mdx +++ b/pages/docs/revalidation.pt-BR.mdx @@ -6,7 +6,7 @@ import Link from 'next/link' # Revalidação Automática - Se você quer validar manualmente os dados, verifique Mutação. + Se você quer validar manualmente os dados, verifique [Mutação](/docs/mutation). ## Revalidar ao Focar [#revalidate-on-focus] @@ -97,4 +97,4 @@ A SWR hook mounts as: `revalidateIfStale` useful to control the mount behaviour. By default `revalidateIfStale` is set to true. -If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. \ No newline at end of file +If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. diff --git a/pages/docs/revalidation.ru.mdx b/pages/docs/revalidation.ru.mdx index 1e412756..a91f9e24 100644 --- a/pages/docs/revalidation.ru.mdx +++ b/pages/docs/revalidation.ru.mdx @@ -6,7 +6,7 @@ import Link from 'next/link' # Автоматическая ревалидация - Вы можете ревалидировать данные вручную, смотрите мутацию. + Вы можете ревалидировать данные вручную, смотрите [мутацию](/docs/mutation). ## Ревалидация при фокусировке [#revalidate-on-focus] @@ -98,4 +98,4 @@ A SWR hook mounts as: `revalidateIfStale` useful to control the mount behaviour. By default `revalidateIfStale` is set to true. -If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. \ No newline at end of file +If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. diff --git a/pages/docs/revalidation.zh-CN.mdx b/pages/docs/revalidation.zh-CN.mdx index 99d40cb8..28ff7015 100644 --- a/pages/docs/revalidation.zh-CN.mdx +++ b/pages/docs/revalidation.zh-CN.mdx @@ -6,7 +6,7 @@ import Link from 'next/link' # 自动重新请求 - 如果你想手动重新请求数据，请查看 mutation。 + 如果你想手动重新请求数据，请查看 [mutation](/docs/mutation) 。 ## 聚焦时重新请求 [#revalidate-on-focus] @@ -70,7 +70,7 @@ import useSWRImmutable from 'swr/immutable' useSWRImmutable(key, fetcher, options) ``` -它具有与普通 `useSWR` hook 相同的 API 接口。你还可以通过禁用以下重新请求​​选项来执行相同的操作： +它具有与普通 `useSWR` hook 相同的 API 接口。你还可以通过禁用以下重新请求 ​​ 选项来执行相同的操作： ```js useSWR(key, fetcher, { @@ -97,4 +97,4 @@ A SWR hook mounts as: `revalidateIfStale` useful to control the mount behaviour. By default `revalidateIfStale` is set to true. -If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. \ No newline at end of file +If `revalidateIfStale` is set to true it only refetches if there's any cache data else it will not refetch. diff --git a/pages/docs/suspense.en-US.mdx b/pages/docs/suspense.en-US.mdx index db563e18..ec604119 100644 --- a/pages/docs/suspense.en-US.mdx +++ b/pages/docs/suspense.en-US.mdx @@ -3,7 +3,7 @@ import { Callout } from 'nextra-theme-docs' # Suspense - React still doesn't recommend using `Suspense` in data frameworks like SWR (More information). These APIs may change in the future as the results of our research. + React still doesn't recommend using `Suspense` in data frameworks like SWR ([more information](https://reactjs.org/blog/2022/03/29/react-v18.html#suspense-in-data-frameworks)). These APIs may change in the future as the results of our research. You can enable the `suspense` option to use SWR with React Suspense: diff --git a/pages/docs/suspense.es-ES.mdx b/pages/docs/suspense.es-ES.mdx index 53489649..84b4364f 100644 --- a/pages/docs/suspense.es-ES.mdx +++ b/pages/docs/suspense.es-ES.mdx @@ -3,7 +3,7 @@ import { Callout } from 'nextra-theme-docs' # Suspense - React still doesn't recommend using `Suspense` in data frameworks like SWR (More information). These APIs may change in the future as the results of our research. + React still doesn't recommend using `Suspense` in data frameworks like SWR ([More information](https://reactjs.org/blog/2022/03/29/react-v18.html#suspense-in-data-frameworks)). These APIs may change in the future as the results of our research. Puede activar la opción `suspense` para utilizar SWR con React Suspense: diff --git a/pages/docs/suspense.fr-FR.mdx b/pages/docs/suspense.fr-FR.mdx index e142bffc..87168019 100644 --- a/pages/docs/suspense.fr-FR.mdx +++ b/pages/docs/suspense.fr-FR.mdx @@ -3,7 +3,7 @@ import { Callout } from 'nextra-theme-docs' # Suspense - React ne recommande toujours pas d'utiliser `Suspense` dans les frameworks de données comme SWR (Plus d'informations). Ces API peuvent changer à l'avenir en fonction des résultats de nos recherches. + React ne recommande toujours pas d'utiliser `Suspense` dans les frameworks de données comme SWR ([Plus d'informations](https://reactjs.org/blog/2022/03/29/react-v18.html#suspense-in-data-frameworks)). Ces API peuvent changer à l'avenir en fonction des résultats de nos recherches. Vous pouvez activer l'option `suspense` pour utiliser SWR avec React Suspense : diff --git a/pages/docs/suspense.ja.mdx b/pages/docs/suspense.ja.mdx index 8c66e23d..5900d114 100644 --- a/pages/docs/suspense.ja.mdx +++ b/pages/docs/suspense.ja.mdx @@ -3,7 +3,7 @@ import { Callout } from 'nextra-theme-docs' # サスペンス - React はまだサスペンスをデータ取得フレームワークである SWR などで使うことを 推奨していません (詳細)。 これらの API は将来的に私たちの調査により変更される可能性があります。 + React はまだサスペンスをデータ取得フレームワークである SWR などで使うことを 推奨していません ([詳細](https://reactjs.org/blog/2022/03/29/react-v18.html#suspense-in-data-frameworks))。 これらの API は将来的に私たちの調査により変更される可能性があります。 React サスペンスで SWR を使用するには、 `suspense` オプションを有効にします。 diff --git a/pages/docs/suspense.ko.mdx b/pages/docs/suspense.ko.mdx index d0a5d83d..7bb85f4d 100644 --- a/pages/docs/suspense.ko.mdx +++ b/pages/docs/suspense.ko.mdx @@ -3,7 +3,7 @@ import { Callout } from 'nextra-theme-docs' # 서스펜스 - 리액트는 여전히 SWR(추가 정보) 과 같은 데이터 프레임워크에서 서스펜스를 사용하는 것을 권장하지 않습니다. 이러한 API는 향후 연구 결과에 따라 변경될 수 있습니다. + 리액트는 여전히 SWR ([추가 정보](https://reactjs.org/blog/2022/03/29/react-v18.html#suspense-in-data-frameworks)) 과 같은 데이터 프레임워크에서 서스펜스를 사용하는 것을 권장하지 않습니다. 이러한 API는 향후 연구 결과에 따라 변경될 수 있습니다. React 서스펜스를 SWR과 함께 사용하려면 `suspense` 옵션을 활성화하세요. diff --git a/pages/docs/suspense.pt-BR.mdx b/pages/docs/suspense.pt-BR.mdx index f25500ce..36f9395c 100644 --- a/pages/docs/suspense.pt-BR.mdx +++ b/pages/docs/suspense.pt-BR.mdx @@ -3,7 +3,7 @@ import { Callout } from 'nextra-theme-docs' # Suspense - O React não recomenda usar `Suspense` em frameworks de dados como o SWR (Mais informações). Essas APIs podem mudar no futuro como resultados da nossa pesquisa. + O React não recomenda usar `Suspense` em frameworks de dados como o SWR ([Mais informações](https://reactjs.org/blog/2022/03/29/react-v18.html#suspense-in-data-frameworks)). Essas APIs podem mudar no futuro como resultados da nossa pesquisa. Você pode habilitar a opção `suspense` para usar SWR com React Suspense: diff --git a/pages/docs/suspense.ru.mdx b/pages/docs/suspense.ru.mdx index 7a2e9878..beacfbcf 100644 --- a/pages/docs/suspense.ru.mdx +++ b/pages/docs/suspense.ru.mdx @@ -3,7 +3,7 @@ import { Callout } from 'nextra-theme-docs' # Задержка (Suspense) - React по-прежнему не рекомендует использовать Suspense в таких фреймворках, как SWR. (Дополнительная информация). По результатам нашего исследования эти API могут измениться в будущем. + React по-прежнему не рекомендует использовать Suspense в таких фреймворках, как SWR. ([Дополнительная информация](https://ru.reactjs.org/blog/2022/03/29/react-v18.html#suspense-in-data-frameworks)). По результатам нашего исследования эти API могут измениться в будущем. Вы можете включить опцию `suspense`, чтобы использовать SWR с React Suspense: diff --git a/pages/docs/suspense.zh-CN.mdx b/pages/docs/suspense.zh-CN.mdx index e0f64a7e..87644657 100644 --- a/pages/docs/suspense.zh-CN.mdx +++ b/pages/docs/suspense.zh-CN.mdx @@ -3,7 +3,7 @@ import { Callout } from 'nextra-theme-docs' # Suspense - React 仍然不建议在 SWR 这样的数据框架中使用 `Suspense` (更多信息)。根据我们的调查结果，这些 API 将来可能会发生变化。 + React 仍然不建议在 SWR 这样的数据框架中使用 `Suspense` ([更多信息](https://reactjs.org/blog/2022/03/29/react-v18.html#suspense-in-data-frameworks))。根据我们的调查结果，这些 API 将来可能会发生变化。 你可以启用 `suspense` 选项，从而让 SWR 和 React Suspense 一起使用： @@ -74,4 +74,4 @@ function Profile () { ### 服务端渲染 [#server-side-rendering] -当在服务端渲染（包括 Next.js 中的预渲染功能）中使用 suspense 模式时，**必须**通过 [fallbackData 或 fallback](/docs/with-nextjs#pre-rendering-with-default-data) 提供初始数据，这意味着你不能使用 `Suspense` 在服务器端获取数据，而是完全使用客户端的数据请求，或者通过框架级的数据获取方法（例如 Next.js 中的 getStaticProps）获取数据，更多的讨论可以在[这里](https://github.com/vercel/swr/issues/1906)找到。 \ No newline at end of file +当在服务端渲染（包括 Next.js 中的预渲染功能）中使用 suspense 模式时，**必须**通过 [fallbackData 或 fallback](/docs/with-nextjs#pre-rendering-with-default-data) 提供初始数据，这意味着你不能使用 `Suspense` 在服务器端获取数据，而是完全使用客户端的数据请求，或者通过框架级的数据获取方法（例如 Next.js 中的 getStaticProps）获取数据，更多的讨论可以在[这里](https://github.com/vercel/swr/issues/1906)找到。