Javascript 将蓝线更新为白色

我是否更改单击时生成的蓝线的颜色

class Hello extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}

ReactDOM.render(
  <div>
    <p tabIndex={-1}
       style={{}}
       onKeyDown={event => alert(event.keyCode)}>
      Click to focus, then hit a key.
    </p>

  </div>,
  document.getElementById('container')
);

类Hello扩展了React.Component{
render（）{
返回Hello{this.props.name}；
}
}
ReactDOM.render(
alert（event.keyCode）}>
单击以聚焦，然后按一个键。

,
document.getElementById（'容器'）
);

---

要删除轮廓，请执行以下操作：

之所以会发生这种情况，是因为段落元素的焦点是默认的浏览器大纲。您可以将代码更改为此以修复此问题。我删除了在段落元素中添加的重点提纲：

类Hello扩展了React.Component{
render（）{
打招呼{
这是我的名字
}