Skip to content

Commit 2be36ea

Browse files
author
Abolfazl Rezvani Naraqi
authored
Update thinking-in-react.md
1 parent a6e2785 commit 2be36ea

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/content/learn/thinking-in-react.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -288,7 +288,7 @@ state
288288
<p dir="rtl">
289289
برای هر قطعه از استیت (state) در برنامه‌ی شما:
290290

291-
تمام کامپوننت‌هایی که بر اساس آن استیت چیزی را رندر می‌کنند را شناسایی کنید.
291+
*تمام* کامپوننت‌هایی که بر اساس آن استیت چیزی را رندر می‌کنند را شناسایی کنید.
292292
پدر مشترک نزدیک آن‌ها را پیدا کنید - یعنی یک کامپوننت بالاتر از همه‌ی آن‌ها در سلسله‌مراتب.
293293
تصمیم بگیرید که استیت باید در کجا قرار بگیرد:
294294
اغلب، می‌توانید استیت را مستقیماً در کامپوننت مشترک آن‌ها قرار دهید.
@@ -308,15 +308,15 @@ SearchBar نیاز دارد که این استیت (متن جستجو و مقد
308308
بنابراین مقادیر استیت در FilterableProductTable قرار خواهند گرفت.
309309
</p>
310310

311-
Add state to the component with the [`useState()` Hook.](/reference/react/useState) Hooks are special functions that let you "hook into" React. Add two state variables at the top of `FilterableProductTable` and specify their initial state:
311+
استیت را درون کامپوننتی که [`useState()` Hook.](/reference/react/useState) دارد اضافه کنید. Hookها توابه خاصی هستند که به شما اجازه می‌دهند تا قدرت ری‌اکت را درونشان قلاب کنید. دو متغییر استیت در بالای `FilterableProductTable`تعریف و مقدار پیش‌فرض آنها را مشخص کنید:
312312

313313
```js
314314
function FilterableProductTable({ products }) {
315315
const [filterText, setFilterText] = useState('');
316316
const [inStockOnly, setInStockOnly] = useState(false);
317317
```
318318
319-
Then, pass `filterText` and `inStockOnly` to `ProductTable` and `SearchBar` as props:
319+
سپس `filterText` و `inStockOnly` را به `ProductTable` و `SearchBar` به عنوان prop ارسال کنید:
320320
321321
```js
322322
<div>
@@ -329,7 +329,7 @@ Then, pass `filterText` and `inStockOnly` to `ProductTable` and `SearchBar` as p
329329
</div>
330330
```
331331
<p dir="rtl">
332-
شما می‌توانید شروع به دیدن نحوه‌ی رفتار برنامه‌ی خود کنید. مقدار اولیه filterText را از useState('') به useState('fruit') در کد محیط آزمایشی زیر ویرایش کنید. شما خواهید دید که هر دو متن ورودی جستجو و جدول به‌روزرسانی می‌شوند.
332+
شما می‌توانید شروع به دیدن نحوه‌ی رفتار برنامه‌ی خود کنید. مقدار اولیه filterText را از useState('') به useState('fruit') در کد محیط آزمایشی زیر ویرایش کنید. خواهید دید که هر دو متن ورودی جستجو و جدول به‌روزرسانی می‌شوند.
333333
</p>
334334
<Sandpack>
335335

0 commit comments

Comments
 (0)