未捕获的 ReferenceError：未定义翻译

Question

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

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

Answer 1

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

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

您可以在此处了解有关模板文字的更多信息：https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals