未捕获的 ReferenceError：未定义翻译

【问题标题】：Uncaught ReferenceError: translate is not defined未捕获的 ReferenceError：未定义翻译
【发布时间】：2019-02-03 09:19:20
【问题描述】：

const styles = theme => ({
    imageContent: {
        transform: `${translate('-50%','-50%')}`
    }
});

我想为组件内的 div 应用 CSS 属性翻译。那么如何从 React Component 中引用 CSS 属性呢？未捕获的 ReferenceError：未定义翻译。

【问题讨论】：

【解决方案1】：

发生这种情况是因为您在文字的占位符中包含了translate。但是，不需要占位符。您应该将其更改为：

transform: 'translate(-50%, -50%)'

【讨论】：

【解决方案2】：

假设你有 div:

<div style={{background: white}}> 
   Something
</div>

你也可以在之前启动一个常量：

const styleForaDiv = {background: "white"}
<div style={styleForaDiv}> </div>

注意所有样式都应该是驼峰式，所以 background-image 变成了 backgroundImage 并且你只需在样式字典中使用逗号：

const styleForaDiv = {backgroundImage: "url('')", backgroundSize: "cover" }

【讨论】：