Вопросы с меткой [ant-design]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
16 показов

В Antd не провяряются поля в форме

Добавил значение для полей в форму через useEffect useEffect(() => { if (auth) { form.setFields(initialPersonalFields) } }, []) Само значение в полях отображается, но они не получают ...
legkiy's user avatar
  • 55
0 голосов
0 ответов
24 показа

Antd Design - позиция иконки в компоненте Notification

Я использую Ant Design для создания компонента Notification. Мне нужно, чтобы он был высотой 40 пикселей, поэтому я добавил несколько стилей, и теперь мой компонент выглядит так: import React from '...
Listopad02's user avatar
  • 1,198
0 голосов
0 ответов
22 показа

Не корректное отображение пункта в панели навигации

В панели навигации есть пункт Управление родителями и он на сайте отображается как ... и при наведении на него появляется пункт Управление родителями. Как сделать так чтобы пункт Управление родителями ...
ivan_sergeevi4's user avatar
1 голос
1 ответ
50 показов

react: почему не изменяются состояния компонента

Есть компонент со таймером обратного отсчёта от Ant Design (Statistic.Countdown). Хотя, чтоб в зависимости от того сколько времени осталось до 0 он отрисовывался в разных стилях. Делаю следующий код: ...
Zhihar's user avatar
  • 37.2k
1 голос
0 ответов
35 показов

react: сохранение состояний при функциональном программировании

ситуация следующая (как я ее понимаю): при определении функционального компонента (чтоб не захламлять специально его максимально вычистил) export interface IProps { title : string, timer ...
Zhihar's user avatar
  • 37.2k
0 голосов
0 ответов
30 показов

Как сделать адаптивный текст, используя компонент Typography на Ant design 5?

У компонента Typography есть 3 элемента: Title, Text Paragraph. Как сделать, чтобы текст, который они рендерят, уменьшался/увеличивался в соответствии с текущим разрешением экрана? Использую Ant ...
Evgeniy S.'s user avatar
0 голосов
1 ответ
76 показов

Не применяется fontSize токен в ConfigProvider для компонента Typography из Ant-Design

Использую Ant-Design 5.3.0. Хочу изменить fontSize токен только для компонента Typography, но он почему-то не применяется. Если глобально токен изменить, то меняется - но тогда токен повлияет на все ...
Evgeniy S.'s user avatar
0 голосов
0 ответов
202 показа

Ленивая загрузка (виртуализация) списка фильтрации React JS Ant Design

Ребят, всех приветствую. Сейчас работаю с таблицами с огромным кол-вом данных. Разрабатявая фильтрацию, возникла проблема, что сама таблица грузится быстро, а при раскрытии списка фильтрации (Ant ...
Арчи's user avatar
0 голосов
0 ответов
13 показов

ant design table сохранения чекбокс состояние при использование пагинации (ajax)

В ant design предлогают использовать rowSelection.preserveSelectedRowKeys. Состояние checked не сохраняется при переходах по страницам Пример кода const rowSelection = { preserveSelectedRowKeys: ...
Nurlan's user avatar
  • 1
0 голосов
0 ответов
77 показов

Ant Design Table filters children column

Возникла проблема при фильтрации групповых колонок Ant Design Table. При помощи рекурсии нашёл все дочерние колонки, и у них работает сортировка, рендер, собирается список фильтрации (всё по фэн-шую). ...
Арчи's user avatar
0 голосов
1 ответ
88 показов

Почему не работает Grid в Ant-Design

Установил, отображает названия классов antd в Elements в Chrome Импотрирую так: import {Row, Col} from 'antd'; В коде все написал так, как на сайте Ant Design представлено Но почему-то отображается ...
stanislav pivovarov's user avatar
0 голосов
1 ответ
1k показов

Как избавиться от ошибки 'DatePicker' cannot be used as a JSX component в Ant Design?

После некоторых обновлений зависимостей, столкнулся с проблемой типизации компонентов, в частности DatePicker от Ant Design. import { DatePicker, ConfigProvider } from "antd"; import locale ...
Konstantin Chuykov's user avatar
1 голос
0 ответов
41 показ

Можно ли объеденить несколько полей формы в одну группу-объект?

Всем привет. Делаю один проект(React, ant-design) и возникло желание в форме отделить несколько элементов от других. Дело в том, что в форме есть select, при помощи которого можно выбрать несколько ...
ДимаЭф's user avatar
2 голоса
0 ответов
194 показа

Warning: Duplicated key 'undefined' used in Menu by path []

При нажатии на один из пунктов меню подсвечивается вся панель. В консоли вылезает вот такая ошибка, хотя ключи переданы: Warning: Duplicated key 'undefined' used in Menu by path []; Но если я попрошу ...
Сергей's user avatar
0 голосов
1 ответ
262 показа

antd _____ Как запретить ввод специальных символов, либо цифр в Form.Item ( Input )

const handleNameChange = (e: any) => { const { value, name } = e.target const isEmptyString = value === '' const MAX_LENGTH = 17 const isValid = (...
Kate B's user avatar
  • 57
0 голосов
1 ответ
225 показов

Как в Ant Design вывести ошибку в Upload?

подскажите пожалуйста. При удалении файла в поле upload, у файла статус меняется на removed. Но при сабмите формы, файл все равно отправляется. Как можно сделать, чтобы если фото удалено, то под полем ...
Imp3ll's user avatar
  • 45
0 голосов
1 ответ
293 показа

Как прикрутить маску ввода к ант-дизайновскому (или аналогичному) датапикеру на Vue.js?

Всем привет! Есть ли у кого-нибудь опыт прикручивания маски ввода к ант-дизайновскому датапикеру https://www.antdv.com/components/date-picker (или аналогичному датапикеру) ? Нужно, чтобы после ввода ...
Eeki's user avatar
  • 69
1 голос
0 ответов
69 показов

Ant design ошибка в элементе upload

У меня есть код, в котором при выборе файла, должно загружаться фото и на основе этого показываться сообщение, но при загрузке фото, у меня всегда выдается ошибка request.js:97 POST http://localhost:...
Николай Краснов's user avatar
1 голос
0 ответов
256 показов

Как кастомизировать и переписать Ant Design стили, если я использую create-react-app и sass модули?

Использую CRA + стилизацию компонентов с помощью Sass модулей.
Alex Roman's user avatar
1 голос
2 ответа
2k показов

Как запретить ввод букв в числовое поле инпута в библиотеке Ant Design (React js)

Пытаюсь настроить числовое поле инпута (InputNumber https://ant.design/components/input-number/) так, чтобы в него не вводились никакие символы и буквы, кроме цифр. Стандартное поведение инпута в ...
shabspb's user avatar
  • 13
2 голоса
0 ответов
168 показов

Есть ли готовые плагины для Datepicker React?

интересует вопрос про инпут с выбором даты. Есть ли какие-нибудь библиотеки для этого, где можно кастомизировать может, чтобы была кнопка "без даты" при выборе даты из календаря. ...
arisha's user avatar
  • 53
0 голосов
1 ответ
289 показов

Почему текст в табличке antdesign не переносится при сужении экрана?

при сужении экрана в таблице antdesign текст не переносится на следующую строку, а заезжает под границу таблицы, word-break: 'break-word; не помогает( Вот пример кода: import React from "react"; ...
arisha's user avatar
  • 53
0 голосов
0 ответов
136 показов

Antd inputNumber отключение ввода в поле с клавиатуры (React)

Всем привет! Подскажите плз, есть ли способ заблокировать текстовое поле inputNumber (antd) для ввода с клавиатуры и оставить только ввод с помощью кнопок. В api antd встроенных средств для ...
Алексей Алешников's user avatar
1 голос
1 ответ
353 показа

Скрывать кнопки формы при изменении поля формы Ant Design

Всем доброго времени суток. Столкнулся с такой проблемой, как мне скрыть кнопки формы Ant Design. Только при условии, что какое-то значение филда изменилось. <Form id={containerId} onSubmit={...
EVIL HORUSS's user avatar
0 голосов
1 ответ
401 показ

ant design Как определить что Select в данный момент раскрыт?

Подскажите как определить что в данный момент Select раскрыт ? (находится в состоянии выбора из возможных опций) В документации https://ant.design/components/select/#API описано свойство open но как к ...
santavital's user avatar
  • 1,812
0 голосов
1 ответ
352 показа

Форма ant design поля переносятся на следующую строку после label

Беру код прямо со страницы antd с примерами; При этом поля (fields) отображаются на следующей строке после label ? Как исправить ? (функциональный компонент) const layout = { labelCol: { span:...
santavital's user avatar
  • 1,812