Javascript 'style'属性需要从样式属性到值的映射，而不是字符串 import React，{Component}来自'React'； 类应用程序扩展组件{ render（）{ 常量名称='红色标题'； constylered={backgroundColor:'red'}； 返回( {name} ); } } 导出默认应用程序；

这是我的代码，我正确地编写了style对象，但仍在争论。为什么会这样，它说：

例如，当使用JSX时，style={{marginRight:spating+'em'}}}

我的代码与上面的代码类似，但有争议。

尝试从样式道具中删除“”

import React，{Component}来自'React'；
类应用程序扩展组件{
render（）{
常量名称='红色标题'；
constylered={backgroundColor:'red'}；
返回(
{name}
);
}
}

让我们满怀希望地尝试一下，希望这对我们有帮助

import React, { Component } from 'react';

class App extends Component {
  render() {
  const name = 'Red Header';
  const styleRed = {backgroundColor : 'red'};
  return (
    <div style={styleRed}>
      {name}
    </div>
  );
 }
}

import React，{Component}来自'React'；
类应用程序扩展组件{
render（）{
常量名称='红色标题'；
constylered={backgroundColor:'red'}；
返回(
{name}
);
}
}
导出默认应用程序；
或
从“React”导入React，{Component}；
类应用程序扩展组件{
render（）{
常量名称='红色标题'；
返回(
{name}
);
}
}
导出默认应用程序；

import React, { Component } from 'react';

class App extends Component {
  render() {
  const name = 'Red Header';
  const styleRed = {backgroundColor : 'red'};
  return (
    <div style={styleRed}>
      {name}
    </div>
  );
 }
}

import React, { Component } from 'react';


class App extends Component {
  render() {
  const name = 'Red Header';
  const styleRed = {backgroundColor : 'red'};
  return (
    <div style={styleRed}>
      {name}
    </div>
  );
 }
}

export default App;

or 

import React, { Component } from 'react';

class App extends Component {
  render() {
  const name = 'Red Header';

  return (
    <div style={{backgroundColor : 'red'}}>
      {name}
    </div>
  );
 }
}

export default App;