Question

只是尝试使用antd的基于React的UI套件，但是，似乎某些输入组件未按原样呈现。作为下拉列表。

请在下面查看一个随机组件及其呈现方式（我在我的TimePicker和DatePicker中添加了两个组件以进行演示）

仔细阅读文档，我了解到这些输入或表单组件必须包装在

和中，我尝试使用或不使用这些组件。

在没有提供默认道具的情况下，我也尝试过，但仍然没有，文档没有提到这些都是必需的。

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

actual：[actual render] [1]

预期：https://ant.design/components/time-picker

谢谢大家！

更新：我使用npx create-react-app在我的工作Mac上创建了一个新的react应用程序（昨天我使用了我的个人窗口），并且安了npm。我确保在新应用中什么都不会引起问题，只有样板，然后我在ant设计文档中完全添加了一个组件。

我仍然遇到相同的问题。当然，它缺少蚂蚁设计中的一些基本知识，但似乎不在文档中。曾经将ant-design组件与react一起使用的任何人，除了在使用前安装软件包和导入组件之外，您是否还做了其他特定的事情？

它似乎无视CSS。

Answer 1

万一其他人遇到这种情况，请找到解决方案：

未应用Antnt的CSS，因为我忘记了将其导入到App.css：

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

简单的错误。

解决方案在以下链接中找到： https://github.com/ant-design/babel-plugin-import/issues/89

mthrsj也问过这个问题，当我检查时却忽略了它。

AntDesign TimePicker React组件未呈现为下拉列表

1 个答案: