問題タブ [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.
antd - ロードホッグの「プロキシ」プロップで「ルーター」を使用できますか?
.roadhogrc を構成すると、roadhog のドキュメントによると、「プロキシ」プロップをwebpack-dev-server#proxyと同じように設定できます。
「ルーター」プロップを追加すると、「index.css」タイムアウトが原因でページを読み込めません。
では、.roadhogrc で「プロキシ」を使用するにはどうすればよいでしょうか。または、localhost で環境をテストするように API を変更する方法はありますか?
「dva」または「roadhog」タグが見つからないため、「antd」タグを使用して申し訳ありません。
webpack - Antd ロケールは未定義です
アプリに LocaleProvider を追加して、antd コンポーネントを (デフォルトの中国語ではなく) 英語にしようとしています。https://ant.design/components/locale-provider/の次の指示に従いました。
enUS
ただし、これは機能しませんundefined
。Antd ライブラリ全体を my にバンドルしたくないため、webpack 構成で Antd ライブラリを外部として宣言しました。そのため、 でタグapp.js
を使用します。<script>
<head>
私の Webpack 構成の関連部分:
LocaleProvider のドキュメントに記載されている 2 番目のアプローチを試すと、次のようになります。
それは機能し、私のアプリケーションは翻訳されています。しかし、私は「インポート スタイル」の混合が好きではありません。
だから、私の質問は次のとおりです。私は何を間違っていますか? 最初の方法が機能しないのはなぜですか? antd
これは私の webpack 設定の外部に追加するためですか?もしそうなら、どうすればこれを解決できますか?
reactjs - 反応JS | アント | ドロップダウンの選択後にページを再レンダリングする際に選択を維持する際の問題に直面しています - ディスパッチをトリガーします
コンポーネントのアクション onSelect をディスパッチして、別のドロップダウンに入力しようとしています。onFieldsChange コールバック スコープでは使用できないローカル変数を使用する必要があるため、antd の onFieldsChange オプションの代わりに onSelect イベント ハンドラを使用してそれを達成しました。
しかし、結果は - ディスパッチが呼び出され、コンポーネントが再レンダリングされた後、ドロップダウン要素は選択された値からクリアされ、initialValue にリセットされます。選択を保持できません。以下はコードスニペットです -
これが handleChange コールバック onSelect です -
注: 上記のように、ディスパッチの直後に setFields プロパティを使用して値を設定しようとしました! しかし、ドロップダウン コンポーネントは再レンダリング時にクリアされます!
助けてください!!!!:|
reactjs - 複数選択コンポーネントのサイズを修正する方法は?
React には Ant デザイン コンポーネントを使用しています。デフォルトの動作のように、新しい行を取らずに選択した値を同じ行に入れるために、複数選択入力フィールドのサイズを修正したいと思います。
https://ant.design/components/select/#components-select-demo-multiple
値の範囲を同じ行にする必要があります。
スタイルをオーバーライドすることで、入力フィールドのサイズを修正できます
しかし、いくつかの値を選択すると、入力フィールドの外にあります。
reactjs - Customizing antd Less or Css for create-react-app
I am using create-react-app as starter kit and was having a go at antd
component library.
I can't seem to find a way to customize their styles (for branding purpose). Documentation doesn't seem to give clear directions regarding customization.
Docs link: https://ant.design/docs/react/customize-theme
They suggest two ways to do it though :
1.Using theme
property . But this only works for antd-init
or dva-cli
boilerplates and not for create-react-app
2.Overriding Less
variables .
Now to make the either of these option work for create-react-app
without eject
, what are the steps I need to take?