样式类中的语法错误React

时间:2017-08-23 17:23:52

标签: reactjs

尝试为组件样式创建变量时出现语法错误。我一遍又一遍地阅读文档,语法看起来很好......我错过了什么吗?

语法错误:意外的令牌(8:14)

 const heroStyle = {
  height: 100%,
  backgroundImage: "url('+ imgUrl +')",
  backgroundSize: 'cover',
  overflow: 'hidden',
   }

<header className="masthead" style={ heroStyle }>

2 个答案:

答案 0 :(得分:0)

height: 100%

应该是

height: '100%'

答案 1 :(得分:0)

height: '100%',

我认为这不会起作用backgroundImage: "url('+ imgUrl +')"

应该可以使用模板文字吗? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals