スタイルの構文エラークラス

Question

コンポーネントスタイルの変数を作成しようとすると構文エラーが発生します。私は何度もドキュメントを読んできましたが、構文はうまくいきました...何かが欠けていますか？

構文エラー：予期しないトークン（8時14分）

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

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

Answer 1

height: '100%',

であるべきと私は、これはbackgroundImage: "url('+ imgUrl +')"、

を動作するとは思いません

テンプレートリテラルを使用できるはずですか？ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Answer 2

height: 100% 

は

height: '100%'