reactjs / reactjs/react.dev

Translation feature in concurrent mode's example CodeSandbox might not work.

Aperta
#3,473 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Lingua principale
JavaScript
Stelle
11.8k
Fork
7.9k
Merge medio
1g 11h
PR unite (30g)
11

Descrizione

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.
スクリーンショット 2021-01-02 1 55 41

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.

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Apri la documentazione sui pattern di Concurrent Mode e il relativo CodeSandbox collegato, quindi esamina il percorso di traduzione dell'esempio in fakeApi.js. Conferma perché la richiesta a yandex-translate restituisce l'errore di quota segnalato e determina un modo supportato per mantenere utilizzabile l'esempio. Il lavoro è completato quando il risultato della traduzione appare sotto l'input senza dipendere da una quota di traduzione non disponibile.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript, react
Ambito
documentation
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
30/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.