为什么当焦点在输入域中时，Reaction中的数据闪烁？

本教程将介绍为什么当焦点在输入域中时，Reaction中的数据闪烁？的处理方法，这篇教程是从别的地方看到的，然后加了一些国外程序员的疑问与解答，希望能对你有所帮助，好了，下面开始学习吧。

问题描述

有人能告诉我为什么当焦点在输入字段时，Reaction中的Datepicker闪烁吗？

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

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

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

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

是否有更新？

推荐答案

它的默认动画为scale。您可以通过传递如下所示的道具`Animation={False}来将其关闭。

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

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

好了关于为什么当焦点在输入域中时，Reaction中的数据闪烁？的教程就到这里就结束了，希望趣模板源码网找到的这篇技术文章能帮助到大家，更多技术教程可以在站内搜索。