Javascript 像素被添加到内联字体权重

在javascript中，我定义了一些内嵌样式，其中之一是字体重量。不幸的是，它不起作用，因为自动将“px”添加到值的末尾，然后由于值不正确而无法渲染：

注意：我使用的是react，因此代码如下所示

render: function() {
    return (
        <table>
            <tbody>
                <tr>
                    {
                        data.map(function(d, i) {
                            var style = {};
                            if (d.value === 'selected') {
                                style['color'] = '#FFFFFF';
                                style['font-size'] = '16px';
                                style['font-style'] = 'normal';
                                style['font-weight'] = '700';
                                style['text-transform'] = 'uppercase';
                            }else {
                                style['border'] = '2px solid #C9C9C9';
                                style['color'] = '#C9C9C9';
                                style['font-size'] = '12px';
                                style['font-style'] = 'normal';
                                style['font-weight'] = '400';
                            }
                            return (<td>
                                <div style={style}>
                                    {d.value}
                                </div>
                            </td>);
                        })
                        }
                </tr>
            </tbody>
        </table>
    );
}

render:function（）{
返回(
{
数据映射（函数（d，i）{
var style={}；
如果（d.value===‘已选定’）{
样式['color']='#FFFFFF'；
样式['font-size']='16px'；
样式['font-style']='normal'；
样式['font-weight']='700'；
样式['text-transform']=“大写”；
}否则{
样式['border']=“2px实心#C9C9C9'；
样式['color']='c9c9'；
样式['font-size']='12px'；
样式['font-style']='normal'；
样式['font-weight']='400'；
}
返回(
{d.value}
);
})
}
);
}

---

当我在chrome中检查它时，它显示：

font-weight:700px

并且它不工作，因为

px

使值不正确。

尝试使用

style['fontwweight']

而不是

style['font-weight']

根据react文档，fontwweight属性将不会自动获得“px”后缀