setState in onChange will block the editor

Description

  onChange(newValue) {
    this.setState({ code: newValue });
    console.log('change', this.state.code);
  }

Guide contributeur

Stack technique

javascriptreact

Domaine

frontend

Type d'issue

bug

DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.

3

Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.

1-3 hours

Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.

stale

ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.

clear

Prérequis

ReactJavaScriptUnderstanding of setState

Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.

60

Direction de recherche

Investigate the component's onChange handler implementation in src/ace.js or similar. Determine if setState is causing a synchronous re render that blocks the editor. Check if using a callback or batching setState would resolve the issue. Look at existing comments for proposed solutions.