setState in onChange will block the editor

説明

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

コントリビューターガイド

技術スタック

javascriptreact

領域

frontend

Issue 種別

bug

難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。

3

推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。

1-3 hours

活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。

stale

明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。

clear

前提条件

ReactJavaScriptUnderstanding of setState

初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。

60

調査方針

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.