Компонент AntDesign TimePicker React не отображается как раскрывающийся список - PullRequest
0 голосов
/ 02 апреля 2019

Просто экспериментируя с набором пользовательского интерфейса на основе React на основе antd, однако кажется, что некоторые компоненты ввода не воспроизводятся так, как должны, например. как раскрывающийся список.

Пожалуйста, посмотрите ниже случайный компонент и как он отображается (я добавил 2 компонента в мой, TimePicker и DatePicker, чтобы продемонстрировать это)

Просматривая документы, я понял, что эти компоненты ввода или формы должны быть заключены в и , я пробовал с ними и без них.

Я также пробовал как с, так и без предоставления реквизитов по умолчанию, но ничего, документация не упоминает их как обязательные.

render() {
    return (
      <div>
        <Form>
            <Form.Item>
                <TimePicker/>
                <DatePicker/>
            </Form.Item>
        </Form>
      </div>
    );
}

факт: [фактический рендер] [1]

ожидается: https://ant.design/components/time-picker

Спасибо, ребята!

обновление: я создал новое приложение реагирования на своем рабочем Mac, используя npx create-реагировать-приложение (вчера я использовал свои личные окна), и у меня был npm i antd. Я удостоверился, что у меня нет ничего в новом приложении, которое могло бы вызвать проблему, только шаблон, затем я добавил компонент в точности так, как он есть в документации по разработке муравья.

Я все еще испытываю ту же проблему. Конечно, в ant-design отсутствует что-то фундаментальное, но, похоже, этого нет в документации. Кто-нибудь, кто когда-либо использовал компоненты ant-design с реакции, делал ли вы что-то конкретное, кроме установки пакета и импорта компонентов перед использованием?

Похоже, что не обращает внимания на CSS.

1 Ответ

0 голосов
/ 02 апреля 2019

В случае, если кто-то еще испытывает это, нашел решение:

CSS Antd не был применен, потому что я забыл импортировать его в мой App.css:

@ import '~ antd / dist / antd.css';

Простая ошибка.

Решение было найдено по ссылке ниже: https://github.com/ant-design/babel-plugin-import/issues/89

mthrsj также спросил об этом, я пропустил это, когда проверил.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...