Публикации по теме 'antd'
Как сделать адаптивный заголовок для вашего сайта React с помощью Antd
Перед началом работы с этим учебным пособием у вас должен быть установлен React и вы должны иметь базовые знания о библиотеке компонентов Antd. Вы также должны убедиться, что в вашей системе установлена последняя версия Node.js.
2. Настройка
Чтобы начать работу, вы должны создать новое приложение React, выполнив следующую команду в своем терминале:
npx create-react-app my-app
После того, как ваше приложение будет создано, вы должны перейти в каталог и установить библиотеку Antd,..
Вопросы по теме 'antd'
Объекты недействительны в качестве дочернего элемента React при попытке отобразить данные объекта внутри модального
Я пытаюсь напечатать объект, но получаю указанную выше ошибку. Это мой код:
<Modal
mask={false}
title={that.state.selectedDbName}
visible={statsmodalVisible}
onCancel={that.handleOtherCancel}...
135 просмотров
schedule
15.11.2022
Запретить перемещение компонентов при открытии бокового меню
Я новичок в веб-разработке и немного борюсь с моим компонентом бокового меню из Ant design.
Это сворачиваемое меню, которое перемещает многие другие компоненты, если щелкнуть, чтобы открыть его.
Я хочу, чтобы все остальные элементы на странице...
1236 просмотров
schedule
27.03.2024
Выровнять по правому краю меню Antd из компонента макета
Я хочу выровнять правильно меню antd .
Примечание. Это фото отредактировано в Photoshop и не соответствует действительности.
Я попытался объявить className = "Menu" и установить .Menu {align-items: right;} вот мой код....
2908 просмотров
schedule
14.03.2024
Сетка и дизайн муравьев
Я хочу отсортировать карточку по каждой строке в столбце 3. Но когда я ввел код в style={{""} , он не работает.
А потом я использую Ant-Design . Пожалуйста, помогите, как я могу это решить?
props.list.map(result => (
<div...
6942 просмотров
schedule
25.04.2024
Что это значит, когда функция javascript вызывается так: func (foo) (bar) [duplicate]
Я часто вижу, что метод вызывается со второй парой круглых скобок.
Например, функция подключения в redux.
connect(
mapStateToProps,
mapDispatchToProps
)(TodoItem)
Или эта функция от antd
const prefixSelector =...
58 просмотров
schedule
19.01.2024
Как центрировать пункт меню в навигационной панели, например,
Аналогично примеру верхней панели навигации.
Я хотел бы иметь пункт меню по центру, а два пункта плавали справа от панели навигации.
До сих пор я понял, как разместить два элемента вправо, но я не уверен, как центрировать элемент заголовка....
978 просмотров
schedule
04.02.2024
Как добавить еще одну кнопку в модальный нижний колонтитул antdesign?
Мне нужно добавить еще одну кнопку в модальный нижний колонтитул. Как мне это сделать? В документах вы можете редактировать только кнопки «ОК» и «Отмена», но не знаете, как добавить еще одну кнопку.
3375 просмотров
schedule
27.02.2024
как исправить ошибку при нажатии на верхнюю кнопку
Перейдите по ссылке ниже и попробуйте нажать кнопку
Он запускается в codeandbox
введите здесь описание изображения
https://codesandbox.io/s/menuantd-ewelm
39 просмотров
schedule
24.01.2024
Мне нужен текст, который вводится в TextArea в том же формате
Я использую TextArea из AntDesign, когда я ввожу в него, скажем, 2-3 абзаца и нажимаю Enter, чтобы отобразить его в строке, но он отображает все в одном абзаце. Я хочу точное форматирование, которое я сделал при вводе в текстовую область. Как это...
3130 просмотров
schedule
14.11.2023
Как настроить nextjs 9 и ant design меньше совместимости?
После обновления _1 _, _ 2_ и nextjs возникает эта ошибка:
Произошла ошибка сборки /home/lenovo/.../node_modules/antd/lib/style/index.css:7 body {^
SyntaxError: неожиданный токен {в Module._compile (internal / modules / cjs /...
5473 просмотров
schedule
21.04.2024
Как отправлять данные из одного компонента в другой в nextjs
Я работаю в nextjs.У меня есть компонент заголовка, и чтобы отображать заголовок на всех других страницах, переопределил app.js с помощью _app.js. Заголовок имеет 2 ссылки навигации usersList и users. Теперь я хочу отправить данные из компонента...
1170 просмотров
schedule
22.01.2024
Показать заполнитель вместо выбранного значения
Я использую компонент Ant Design <Select> . Что происходит, так это то, что когда компонент загружается в первый раз, он показывает заполнитель, но когда я выбираю какое-то значение, а затем снова пытаюсь его изменить, то в месте заполнителя...
1321 просмотров
schedule
23.11.2023
Как получить данные Ant Design Form в другом компоненте
Я создал форму, используя Form.create() дизайна Ant, и я хочу получить доступ к значениям ее поля в другом компоненте. Используя redux, я могу сделать это, используя:
function mapStateToProps(state) {
return {
formStates:...
656 просмотров
schedule
10.11.2022
Проверка Antd по шаблону не вызывает ошибку
Итак, я прочитал это: Регулярное выражение работает на regex101.com , но не в продукте
Я создаю в antd следующее правило: Demo
<Form.Item
validateStatus={usernameError ? "error" : ""}
help={usernameError || ""}
>...
1262 просмотров
schedule
15.03.2024
Как установить флажок по умолчанию, выбранный в reactjs
Мне нужно установить флажок по умолчанию. Например, у меня есть вывод
{permission:{group:["can_view"],"topGroup":["can_update"]}} .
Я отправляю в базу данных, а база данных дает мне отправку данных, и я хочу отображать отправку данных из...
40 просмотров
schedule
16.04.2024
Вместо моего сообщения запускается другое сообщение проверки при использовании дизайна Ant getFieldDecorator
Я использую дизайн Ant, и это моя форма, когда я нажимаю кнопку «Сохранить», я получаю этот тип сообщения проверки вместо сообщения проверки Antd с красной рамкой.
Мне нужна такая ошибка проверки, которая показана в документах AntD....
89 просмотров
schedule
21.05.2024
Как показать первый элемент по умолчанию в динамической форме Antd?
Наверное, для кого-то это несложно. В документации по формам AntD и демонстрации здесь их демо начинается без полей. Вы должны нажать кнопку «+ Добавить поле», чтобы динамическая форма добавила и отобразила первое поле, как показано здесь....
1770 просмотров
schedule
28.10.2022
Как отобразить большой набор данных в поле выбора в реакции?
У меня есть большой набор данных, которые нужно перечислить в antd select box .
список почти 126463 номеров записей
пример: ['gmail.com', 'yahoo.com', 'xyz.com'......]
Я использую React и поле выбора для отображения этих многих...
65 просмотров
schedule
06.11.2022
Как удалить нижнюю ширину границы в модальном заголовке Ant Design
Я создаю веб-приложение с помощью Ant Design Vue.
Хотелось бы узнать, как убрать bottom-width в шапке <a-modal> .
Это скриншот того, что я хотел бы сделать.
Это мой код.
<template>
<a-modal width="1000px"...
678 просмотров
schedule
26.05.2024
Таблица CSS / HTML: как автоматически увеличить ширину столбца на основе текстового значения элемента ввода
У меня есть таблица по React (с использованием AntD); но это не вопрос ...
Проблема в том, что я хочу, чтобы ячейки определенного столбца отображали текстовые поля ... что это нормально.
Но если я визуализирую только текст внутри элемента td ,...
84 просмотров
schedule
14.01.2024