Css 如何在：焦点上更改输入/文本区域的边框颜色？

我使用react，我的附加CSS定义位于js文件中，作为一个常量，如下所示（希望这不是一个坏做法）：

但我不知道怎么做，因为（当然）这不起作用：

const STYLE = {
    noBorder: {
        input:focus: 'outline:none'
    }
};

render（）{
返回(
输入：焦点{
大纲：无；
}

在我阅读了React文档中的一些样式之后，似乎解决此问题的最佳选择是使用。

您好，谢谢您的回复。我知道我可以使用外部css文件或将此内容添加到索引页的标题标记中，但我不想这样做。我想以某种方式将其添加到React js文件中。啊，好的。好的l您可以在render方法中放置一个节。然后它将位于react.js文件中。该节是否符合您要查找的内容？它不起作用。SyntaxError:意外标记，应为}。抱怨“大纲”后的“：”字符。

input:focus {
    outline:none;
}

const STYLE = {
    noBorder: {
        input:focus: 'outline:none'
    }
};

render() {
        return (
            <div>
              <style>
               input:focus {
                 outline: none;
               }
              </style>