風格類中的語法錯誤React

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%'