javascript - 在 React JS 中使用 Constant 组件来设计你的主要组件

Question

我到处寻找并尝试了所有我能想到的搜索，但似乎找不到这个。我需要在 react 中制作一个 Constant 组件，它包含一堆常量样式。它们需要是例如颜色、背景颜色和填充。

我似乎无法通过这里的常量和示例让它工作

export const EXPANSION_PANEL_BACKGROUND_COLOR = {backgroundColor:#DFDEDE};

然后我将它导入到我的主要组件中

import EXPANSION_PANEL_BACKGROUND_COLOR from './constants.jsx'

我使用它的方式就像

<ExpansionPanel style={{ EXPANSION_PANEL_BACKGROUND_COLOR }}

当我加载我的本地主机时，它没有显示所需的颜色。关于我能做什么的任何想法？

Answer 1

{{ EXPANSION_PANEL_BACKGROUND_COLOR }} 脱糖为 {{ EXPANSION_PANEL_BACKGROUND_COLOR: EXPANSION_PANEL_BACKGROUND_COLOR }}。您只想使用该对象，而不是将其用作 EXPANSION_PANEL_BACKGROUND_COLOR 键的值:

<ExpansionPanel style={EXPANSION_PANEL_BACKGROUND_COLOR} />