You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/thinking-in-react.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -288,7 +288,7 @@ state
288
288
<pdir="rtl">
289
289
برای هر قطعه از استیت (state) در برنامهی شما:
290
290
291
-
تمام کامپوننتهایی که بر اساس آن استیت چیزی را رندر میکنند را شناسایی کنید.
291
+
*تمام* کامپوننتهایی که بر اساس آن استیت چیزی را رندر میکنند را شناسایی کنید.
292
292
پدر مشترک نزدیک آنها را پیدا کنید - یعنی یک کامپوننت بالاتر از همهی آنها در سلسلهمراتب.
293
293
تصمیم بگیرید که استیت باید در کجا قرار بگیرد:
294
294
اغلب، میتوانید استیت را مستقیماً در کامپوننت مشترک آنها قرار دهید.
@@ -308,15 +308,15 @@ SearchBar نیاز دارد که این استیت (متن جستجو و مقد
308
308
بنابراین مقادیر استیت در FilterableProductTable قرار خواهند گرفت.
309
309
</p>
310
310
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`تعریف و مقدار پیشفرض آنها را مشخص کنید:
سپس `filterText`و`inStockOnly`را به `ProductTable`و`SearchBar`به عنوان prop ارسال کنید:
320
320
321
321
```js
322
322
<div>
@@ -329,7 +329,7 @@ Then, pass `filterText` and `inStockOnly` to `ProductTable` and `SearchBar` as p
329
329
</div>
330
330
```
331
331
<p dir="rtl">
332
-
شما میتوانید شروع به دیدن نحوهی رفتار برنامهی خود کنید. مقدار اولیه filterText را از useState('') به useState('fruit') در کد محیط آزمایشی زیر ویرایش کنید. شما خواهید دید که هر دو متن ورودی جستجو و جدول بهروزرسانی میشوند.
332
+
شما میتوانید شروع به دیدن نحوهی رفتار برنامهی خود کنید. مقدار اولیه filterText را از useState('') به useState('fruit') در کد محیط آزمایشی زیر ویرایش کنید. خواهید دید که هر دو متن ورودی جستجو و جدول بهروزرسانی میشوند.
0 commit comments