Question

有人可以告诉我为什么在输入字段中聚焦时日期选择器会在React中闪烁吗？

我在演示中正在使用此日期选择器

https://www.npmjs.com/package/semantic-ui-calendar-react

但是它在焦点上闪烁，或者换句话说，当我专注于输入字段时，它首先显示在顶部，然后又向下显示在输入字段下方，为什么？这是我的代码

https://codesandbox.io/s/prod-hill-mpurn

<div style={{ position: "absolute", top: 100, left: 100 }}>
        <DateInput
          name="date"
          placeholder="Date"
          value={date}
          popupPosition="right"
          onChange={handleChange}
        />
</div>

是否有更新？

Answer 1

它的默认动画为scale。您可以通过传递prop'animation = {false}来关闭它，如下所示。

<DateInput
          name="date"
          placeholder="Date"
          value={date}
          popupPosition="right"
          onChange={handleChange}
          animation={false}
        />

CodeSandbox： https://codesandbox.io/s/hloid

在输入字段中聚焦时，为什么Datepicker在React中会闪烁？

1 个答案: