Translation feature in concurrent mode's example CodeSandbox might not work.
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 11.8k
- Forks
- 7.9k
- Ø Merge
- 1 T. 11 Std.
- Gemergte PRs (30 T.)
- 11
Beschreibung
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.
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Öffne die Dokumentation zu den Mustern von Concurrent Mode und die darin verlinkte CodeSandbox und untersuche anschließend den Übersetzungspfad des Beispiels in fakeApi.js. Bestätige, warum die yandex-translate-Anfrage den gemeldeten Quota-Fehler zurückgibt, und ermittle eine unterstützte Möglichkeit, das Beispiel nutzbar zu halten. Erledigt ist die Aufgabe, wenn das Übersetzungsergebnis unter der Eingabe erscheint, ohne auf ein nicht verfügbares Übersetzungskontingent angewiesen zu sein.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react
- Bereich
- documentation
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 30/100