Translation feature in concurrent mode's example CodeSandbox might not work.
還沒有人認領這個 Issue。
- 主要語言
- JavaScript
- 星號
- 11.8k
- 分支
- 7.9k
- 平均合併
- 1 天 11 小時
- 30 天內合併 PR
- 11
描述
https://reactjs.org/docs/concurrent-mode-patterns.html#splitting-high-and-low-priority-state
In above section's example CodeSandbox, yandex-translate is used for translation feature.
But, translation doesn't work when I open the CodeSandbox.
↓ The translation result should appear under the input.

And I got a following message from the response of translate().
// fakeApi.js
export function fetchTranslation(text) {
const promise = new Promise(
(resolve, reject) => {
translate(
text,
{
to: "fr"
},
(err, res) => {
if (err) {
reject(err);
} else {
console.log(res) // <- Added this line
resolve(res.text);
}
}
);
}
);
return wrapPromise(promise);
}
code: 404
message: "Maximum daily translated text volume exceeded"
This is not an example code's bug, but it can be confusing for beginners. (Actually, I suspected a bug in the React part of the code at first.)
Can we avoid this problem? For example, use other translation feature, use another plan(?) of yandex-translate.
Thanks.
貢獻指南
從這裡開始
- 先讀完整個 Issue,再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫,在一個分支上完成修改。
- 送出 Pull Request,並在描述裡引用這個 Issue 編號。
研究方向
開啟 concurrent mode patterns 文件及其連結的 CodeSandbox,接著檢查範例中 fakeApi.js 的翻譯路徑。確認 yandex-translate 請求傳回所回報 quota 錯誤的原因,並找出一種受支援的方式來維持範例可用。當翻譯結果出現在輸入內容下方,且不依賴無法使用的翻譯 quota 時,即表示完成。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- javascript, react
- 領域
- documentation
- Issue 類型
- 缺陷
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 活躍度
- 停滯
- 描述清晰度
- 需要釐清
- 新手友好度
- 30/100