css - 如何在 react 中删除 onClick 显示的组件边框？

Question

每当我点击任何组件时，我都会得到一个黑色边框，尽管当我点击时边框消失了。如何防止网络应用程序这样做？
下面是我在我的应用程序中获得的内容的图片。

另外，这是一个指向我遇到相同问题的沙箱的链接:
https://codesandbox.io/s/es6-spread-operator-practice-drbyh?file=/src/components/App.jsx

Answer 1

这是由 &focus css 选择器引起的，如检查器 bij 所示。



在 outline: none 中加入 <button> 即可删除；

<button style={{outline: 'none'}} onClick={onInputSubmit}>