diff --git a/pages/docs/mutation.en-US.mdx b/pages/docs/mutation.en-US.mdx index 2f962d30..72b3c2ed 100644 --- a/pages/docs/mutation.en-US.mdx +++ b/pages/docs/mutation.en-US.mdx @@ -130,21 +130,17 @@ Also, this hook doesn’t share states with other `useSWRMutation` hooks. ```tsx import useSWRMutation from 'swr/mutation' -// Fetcher implementation. -// The extra argument will be passed via the `arg` property of the 2nd parameter. -// In the example below, `arg` will be `'my_token'` -async function updateUser(url, { arg }: { arg: string }) { - await fetch(url, { - method: 'POST', - headers: { - Authorization: `Bearer ${arg}` - } - }) -} - function Profile() { // A useSWR + mutate like API, but it will not start the request automatically. - const { trigger } = useSWRMutation('/api/user', updateUser, options) + const { trigger } = useSWRMutation( + '/api/user', + (url, { arg }: { arg: string }) => + // Fetcher implementation. + // The extra argument will be passed via the `arg` property of the 2nd parameter. + // In the example below, `arg` will be `'my_token'` + fetch(url, { headers: { Authorization: `Bearer ${arg}` }}), + options + ) return ) } diff --git a/pages/docs/mutation.ja.mdx b/pages/docs/mutation.ja.mdx index 49e97353..79010cee 100644 --- a/pages/docs/mutation.ja.mdx +++ b/pages/docs/mutation.ja.mdx @@ -132,21 +132,17 @@ try { ```tsx import useSWRMutation from 'swr/mutation' -// フェッチャーの実装 -// 追加の引数は第二引数の `arg` プロパティとして渡されます -// 下記の例では、`arg` は `'my_token'` となります -async function updateUser(url, { arg }: { arg: string }) { - await fetch(url, { - method: 'POST', - headers: { - Authorization: `Bearer ${arg}` - } - }) -} - function Profile() { // useSWR と mutate を組み合わせたような API ですが、リクエストを自動的に開始しません - const { trigger } = useSWRMutation('/api/user', updateUser, options) + const { trigger } = useSWRMutation( + '/api/user', + (url, { arg }: { arg: string }) => + // フェッチャーの実装 + // 追加の引数は第二引数の `arg` プロパティとして渡されます + // 下記の例では、`arg` は `'my_token'` となります + fetch(url, { headers: { Authorization: `Bearer ${arg}` }}), + options + ) return + }}>Update User } ``` @@ -179,28 +175,24 @@ function Profile() { ```jsx import useSWRMutation from 'swr/mutation' -async function sendRequest(url, { arg }: { arg: { username: string } }) { - return fetch(url, { - method: 'POST', - body: JSON.stringify(arg) - }).then(res => res.json()) -} - function App() { - const { trigger, isMutating } = useSWRMutation('/api/user', sendRequest, /* opções */) + const { trigger, isMutating } = useSWRMutation( + '/api/user', + () => fetch(url, { method: 'POST', body: JSON.stringify(arg) }).then(res => res.json()) + ) return ( ) } diff --git a/pages/docs/mutation.ru.mdx b/pages/docs/mutation.ru.mdx index 96593e31..c088894a 100644 --- a/pages/docs/mutation.ru.mdx +++ b/pages/docs/mutation.ru.mdx @@ -131,21 +131,17 @@ SWR также предоставляет `useSWRMutation` в качестве ```tsx import useSWRMutation from 'swr/mutation' -// Реализация fetcher-а. -// Дополнительный аргумент будет передан через свойство `arg` второго параметра. -// В приведенном ниже примере `arg` будет `'my_token'` -async function updateUser(url, { arg }: { arg: string }) { - await fetch(url, { - method: 'POST', - headers: { - Authorization: `Bearer ${arg}` - } - }) -} - function Profile() { // useSWR + мутация-подобное API, но запрос не запускается автоматически. - const { trigger } = useSWRMutation('/api/user', updateUser, options) + const { trigger } = useSWRMutation( + '/api/user', + (url, { arg }: { arg: string }) => + // Реализация fetcher-а. + // Дополнительный аргумент будет передан через свойство `arg` второго параметра. + // В приведенном ниже примере `arg` будет `'my_token'` + fetch(url, { headers: { Authorization: `Bearer ${arg}` }}), + options + ) return