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

Question

我使用的是反应日期SingleDatePicker。日历的可见性由聚焦道具控制。当使用网站上的选项卡时，我不希望日历打开，我希望它在回车键上打开。有办法做到这一点吗？谢谢

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>
.....