ReactJS -如何在图标上发生onClick事件后不将焦点放在选择元素上

Question

在我的react js代码中，我有一个带有onClick事件的图标。如果用户点击它，焦点就会转到页面上它正上方的html select元素。我不想把焦点放在那里。就在页面本身或它之前所在的位置。我该怎么做呢？

Answer 1

要使React中的元素成为焦点，可以使用Ref，例如

const targetRef = useRef(null);

然后，在您的onClick处理程序中只需执行

targetRef.current.focus();

但你可能想弄清楚为什么你的关注点现在是这样的。看起来很奇怪，onClick的关注点就是这样改变的。