愿所有的美好和期待都能如约而至

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

发布时间:  来源:互联网  作者:匿名  标签:error Why datepicker flicker in React when focus in input field? exception IT资讯   热度:37.5℃

本文介绍了为什么当焦点在输入域中时,Reaction中的数据闪烁?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

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

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>

是否有更新?

推荐答案

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

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

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

这篇关于为什么当焦点在输入域中时,Reaction中的数据闪烁?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP