問題タブ [react-codemirror]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - React機能コンポーネントで小道具が変更されたときにCodeMirror値が更新されない
受け取った小道具を使用して CodeMirror コンポーネント (react-codemirror からインポート) の値を更新しようとしましたが、小道具が変更されても値は変わりません。また、CORS の制限を克服するために corsanywhere を使用して API からロードしているため、フェッチ リクエストが失敗することがあります。ただし、フェッチが成功した場合でも、値は更新されません。
これが私の試みのスクリーンショットです:
入力に「hello world」と入力したときの2つのログステートメントからのコンソール出力は、小道具が更新されたことを証明しています。
解決策については、以下の私の回答を参照してください
reactjs - React-Codemirror2 がオートコンプリートをロードしない
React Boilerplate ベースのアプリケーションに Javascript エディターを配置する必要があり、こちらの指示に従って React-codemirror2 をインストールしました。また、期待どおりに機能するこのサンドボックスもあります。しかし、コードをアプリケーションに戻すと、オートコンプリートが機能しなくなります。
私が見つけたすべてのサンプルと質問は古く、機能していません。
これは、再現可能な例を含むレポです。コードは次のcomponents/Editor/CodeEditor.js
とおりです。ご覧のとおり、オートコンプリートをロードしないことを除いて、すべてが同じです。
どうすればこれを解決できますか?