Javascript 无法更改/设置React中的Div背景色

我正在尝试用它自己的背景色渲染一个。 正在渲染，但未更改背景色

import React from 'react'

class Color extends React.Component {

    constructor(props) {
        super(props);    
      }

    mkColor = () => {
        return <div style="background-color: blue;">TEST!!!!</div>       
    }

    render() {
        return this.mkColor()
    }
}

export default Color

从“React”导入React
类颜色扩展了React.Component{
建造师（道具）{
超级（道具）；
}
mkColor=（）=>{
返回测试！！！！
}
render（）{
返回这个.mkColor（）
}
}
导出默认颜色

我怎么搞砸了？

你应该这么做

mkColor=（）=>{
返回测试！！！！
}

您应该这样做

mkColor=（）=>{
返回测试！！！！
}

您应该使用对象设置组件的样式

mkColor=（）=>{
返回测试！！！！

}

也可以创建另一个常量以使用样式

const样式={
分区：{
背景颜色：“蓝色”
}
}

mkColor=（）=>{
返回测试！！！！

}

您应该使用对象设置组件的样式

mkColor=（）=>{
返回测试！！！！

}

也可以创建另一个常量以使用样式

const样式={
分区：{
背景颜色：“蓝色”
}
}

mkColor=（）=>{
返回测试！！！！

}

请注意驼峰案例。这是一件事。它很熟悉，会咬你。注意骆驼的箱子。这是一件事。它很熟悉，足以咬你。