[Suggestion]: Confusing example in UseTransition
還沒有人認領這個 Issue。
評估
- 難度
- 2/5
- 預估耗時
- 1-3 小時
- 新手友好度
- 68/100
- Issue 類型
- 文件
- 描述清晰度
- 基本清楚
- 活躍度
- 冷清
- 技術堆疊
- javascript, react
研究方向
開啟連結的 useTransition 文件範例「Perform non-blocking updates with Actions」，查看數量輸入和總數是如何呈現的。將提議的 Item 範例與目前的流程進行比較，然後更新數量和總數範例，使 transition 圍繞伺服器呼叫的用途清楚明確。完成標準是修訂後的範例易於理解，並準確示範預期的 transition 行為。
由索引模型根據 Issue 內容生成。
描述
Summary
In UseTransition example, you have used input as DOM control so it's instantly updating quantity, which is confusing as it suppose to wait for server call then we can understand the use of transition there, I don't find this document is useful, all examples are very confusing.
below code would be helpful. Didn't expect this from react doc itself, I feel I have better understanding than who written this doc's.
export default function Item({quantity, onUpdateQuantity}) { function handleChange(event) { onUpdateQuantity(event.target.value); } return ( <div className="item"> <span>Eras Tour Tickets</span> <label htmlFor="name">Quantity: </label> <input type="number" value={quantity} onChange={handleChange} /> </div> ) }
Page
No response
Details
Please update Use Transition example that is related to quantity and total.
- 主要語言
- JavaScript
- 星號
- 11.8k
- 分支
- 7.9k
- 平均合併
- 16 小時 6 分鐘
- 30 天內合併 PR
- 7
貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
reactjs/react.dev 的其他 Issue
-
type: documentation
難度 2/5 1-3 小時 新手友好度 72/100
-
難度 1/5 1 小時以內 新手友好度 82/100
-
bug: unconfirmed
難度 2/5 1-3 小時 新手友好度 74/100
-
type: typos
難度 1/5 1 小時以內 新手友好度 90/100
-
bug: unconfirmed
難度 2/5 1-3 小時 新手友好度 68/100
查看 reactjs/react.dev 的全部 Issue
相似的 Issue
-
bug confirmed issue
難度 2/5 1-3 小時 新手友好度 75/100
open-webui/open-webui#30750 · 1 則留言 ·
-
難度 2/5 1-3 小時 新手友好度 75/100
-
難度 2/5 1-3 小時 新手友好度 70/100
-
難度 2/5 1-3 小時 新手友好度 75/100
-
Mend: dependency security vulnerability untriaged
難度 2/5 1-3 小時 新手友好度 70/100