javascript - 如何防止反应日期 SingleDatePicker 打开焦点？

Question

我正在使用反应日期 SingleDatePicker。日历的可见性由 focus 属性控制。在网站上使用标签时，我不想打开日历，我希望它在输入键时打开。有没有办法做到这一点？谢谢！

Answer 1

您应该控制“聚焦”属性和 onFocusChange 方法。还将侦听器设置为容器。例如

.....
  const [focusedInput, setFocusedInput] = useState(null);

  const handleUserKeyPress = (evt) => {
    if (evt.keyCode === 13 && !evt.shiftKey) setFocusedInput(true);
  };
....

    <div onKeyUp={handleUserKeyPress}>
      <SingleDatePicker
        focused={focusedInput} 
        onFocusChange={({ focused }) => {
          const focus = focusedInput && focused ? true : false;
          setFocusedInput(focus);
        }} 
        .....
      />
</div>
.....