reactjs - Ant-design TimePicker - “popupClassName”道具不起作用

Question

我一直在使用 timepicker 并尝试自定义我可能需要向 popup 添加一个类的弹出窗口。我尝试使用“popupClassName”，但我没有看到该类名被添加到弹出窗口中。

请让我知道如何在 timepicker 弹出窗口中添加一个类。

Answer 1

它确实按记录工作。请参阅https://codepen.io/JesperWe/pen/RVOwOV，它添加了一个类和一些 CSS 来为弹出窗口提供红色阴影。

<TimePicker defaultValue={moment()} popupClassName="foobar"/> 

结果：

<div class="ant-time-picker-panel foobar ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft"
     style="left: 24px; top: 63.7778px;">
    <div class="ant-time-picker-panel-inner">
        <div class="ant-time-picker-panel-input-wrap">
            <input class="ant-time-picker-panel-input" value="02:32:41" placeholder="Select time"><a
                class="ant-time-picker-panel-clear-btn" role="button" title="clear"></a>
        </div>
        <div class="ant-time-picker-panel-combobox">
            <div class="ant-time-picker-panel-select">
                <ul>...</ul>
            </div>
            <div class="ant-time-picker-panel-select">
                <ul>...</ul>
            </div>
        </div>
    </div>
</div>