AntDesign TimePicker React 组件未呈现为下拉菜单

Question

只是尝试使用 antd 的基于 React 的 UI 工具包，但是似乎某些输入组件没有按应有的方式呈现，例如。作为下拉菜单。

请看下面一个随机组件以及它是如何呈现的（我在我的内部添加了 2 个组件，TimePicker 和 DatePicker 来演示这一点）

通过查看文档，我了解到这些输入或表单组件必须包装在

和

中，我尝试了使用和不使用这些。

我也尝试了提供和不提供默认道具，仍然没有，文档没有提到这些是强制性的。

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

实际：[实际渲染][1]

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

谢谢大家！

更新：我使用 npx create-react-app 在我的工作 mac 上创建了一个新的 react 应用程序（昨天我使用了我的个人窗口）并使用了 npm i antd。我确保我在新应用程序中没有任何可能导致问题的内容，只有样板文件，然后我添加了一个与 ant 设计文档完全相同的组件。

我仍然遇到同样的问题。当然它在 ant-design 中缺少一些基本的东西，但它似乎不在文档中。任何曾经使用过 react 的 ant-design 组件的人，除了安装包和在使用前导入组件之外，您是否做过任何具体的事情？

看起来它忽略了 css。

Answer 1

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

Antd 的 css 没有被应用，因为我忘记将它导入到我的 App.css 中：

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

容易犯的错误。

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

mthrsj 也问过这个，我查的时候忽略了。