درک React's `استفاده” API – جامعه dev

نگاهی دزدکی حرکت به React's use API: ساده سازی داده های Async واکشی

واکنش use API یک است آزمایشی با این حال ویژگی قدرتمند طراحی شده است واکشی داده های ناهمزمان را ساده کنید در مؤلفه ها به جای دستکاری useEffect و متغیرهای حالت ، use به شما اجازه می دهد تا مستقیماً در انتظار وعده های موجود در مرحله رندر باشید.

چرا است use یک تغییر دهنده بازی؟

✅ غیر ضروری را از بین می برد useEffect قلاب

✅ یکپارچه با اجزای سرور کار می کند

oper عملیات async را برای کد پاک تر و قابل خواندن ساده تر می کند

چگونه کار می کند؟

در اینجا نگاهی گذرا به چگونگی use داده ها را مستقیماً درون یک مؤلفه دریافت می کند:

import { use } from "react";

async function fetchData() {
  const response = await fetch("https://jsonplaceholder.typicode.com/posts/1");
  return response.json();
}

export default function Post() {
  const data = use(fetchData());
  return (
    <div>
      <h2>{data.title}h2>
      <p>{data.body}p>
    div>
  );
}

آیا استفاده برای تولید آماده است؟

⚠ هنوز! API هنوز هم آزمایشی است و در حال حاضر با اجزای سرور React بهترین کار را می کند. با این حال ، این وعده بسیار خوبی در ساده سازی گردش کار داده ها نشان می دهد.

وبلاگ کامل را بخوانید