setState in onChange will block the editor

Description

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

Guia do colaborador

Pilha de tecnologia

javascriptreact

Domain

frontend

Tipo Issue

bug

DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.

3

Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.

1-3 hours

Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.

stale

ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.

clear

Prerequisites

ReactJavaScriptUnderstanding of setState

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

60

Direção de pesquisa

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.