반응 라우터를 사용하여 fetch 및 useLoaderData()를 업데이트하는 방법
<p>양식을 제출한 후 useLoaderData()의 데이터를 업데이트하고 싶습니다.
제 경우에는 </p>
<pre class="brush:php;toolbar:false;">export const countryLoader = async () =>
const res = 가져오기를 기다립니다("https://restcountries.com/v3.1/all/");
if (!res.ok) {
throw Error("데이터에 접근할 수 없습니다!");
}
res.json()을 반환합니다.
};</pre>
<p><code><경로 색인 요소={<CoutriesList />} loader={countriesLoader} /></code></p>
<p>CountriesList 요소에서: </p>
<p><code>const country= useLoaderData();</code></p>
<p>useLoaderData()의 새 데이터로 국가를 업데이트하고 싶습니다. </p>
<pre class="brush:php;toolbar:false;">const findCountry = async () =>
const res = 가져오기를 기다립니다(
`https://restcountries.com/v3.1/name/${searchText}`
);
const 데이터 = res.json();
데이터를 반환합니다.
};</pre>
<p>그래서 제출할 때 countryLoader의 데이터가 findCountry의 데이터가 되기를 원합니다. </p>
<p>해결책이 있나요? 감사합니다</p>