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

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

为什么当焦点在输入域中时,Reaction中的数据闪烁? 教程 第1张

问题描述

有人能告诉我为什么当焦点在输入字段时,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中的数据闪烁?的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。