reactjs - Uncaught ReferenceError : translate is not defined

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