問題タブ [antd]
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 - 「91% の追加アセット処理」中に Webpack がフリーズする
最近、「Antd」という優れた UI ライブラリをプロジェクトに追加しました。 https://ant.design/docs/react/introduce
私の開発環境では問題なく動作し、多くのコンポーネントを Electron アプリに実装しました。リリース用にパッケージ化しようとすると、Webpack は「91% の追加アセット処理」段階で完全にスタックし、最終的に V8 がメモリ不足になります。これ以上の出力はありません。何が起こっているかを判断するために、より詳細なログを取得できる場所はありますか?
問題のある Web パックの構成は以下のとおりです。これは、React Electron Boilerplate GitHub リポジトリに大きく基づいており、今まで非常に役に立ちました。
そして、これが webpack 出力からのスタック トレースです。
どんな助けでも大歓迎です！ありがとう、アレックス
reactjs - Reactで状態を使用せずに特定の小道具が更新されたかどうかを知る方法はありますか?
React、Redux、およびいくつかの antd コンポーネントを使用しています
私はこのモーダルを使用してユーザーにエラーを警告していますが、それを見ると、正確にはコンポーネントではなく関数なので、現在は次のcomponentDidUpdateように使用しています:
問題は、一度に複数の状態に変更を加えた場合です。たとえば、API を複数回呼び出して、異なる時間に状態を変更すると、このモーダルが複数回開きます。
状態を使用して次のようなことを行うことができます
しかし、私は React 状態の使用を避けています。
コンポーネントで特定の小道具が変更されたかどうかを確認できる方法はありますか?
reactjs - 子にコンテキストがあるコンポーネントのテスト
antd Checkboxコンポーネントでコンポーネントを使用していますCheckboxWidget。コンポーネントには次のcontextType定義があります。
shallow酵素によるレンダリングを使用してテストしたいので、ブロック内withContextからヘルパーを使用しています。recomposebeforeEach
ただし、次のようにテストを書くと：
Checkboxウィジェットが見つからないため、テストが失敗していることに気付きました。レンダリングされたコンポーネントが次のようになるためだと思います。
が未定義であることwrapper.instance()がわかりました。使用しようとしましたが、どちらでも機能していないようです。Subjectwrapper.instance().childrenwrapper.divewrapper.instance()