Material UI 自定义类后面的属性答案

【问题标题】：Material UI customize property behind classesMaterial UI 自定义类后面的属性
【发布时间】：2021-01-11 16:08:52
【问题描述】：

我正在尝试申请。我想自定义 classes.something 之后的值。我希望从我的 API 中获得价值。

我制作了 2 个自定义 CSS 类：

new: {
    color: '#0099FF',
  },
improvement: {
    color: '#01C86B',
  },

我从我的 API 中得到了新、改进这些词。我想在第一个添加它们这甚至可能吗？类似classes.entry.entry_tag

因为所有可用的标签都在值 entry.entry_tag 中


  const showContent = whatsNewDoc.entries.map(entry => {
    return (
      <React.Fragment>
        <Typography variant="h6" className={classes.tagTitle}>
          <span className={classes.tagBackground}>{entry.entry_tag}</span>
        </Typography>
        <PrismicContents>{entry.entry_title}</PrismicContents>

        <PrismicContents>{entry.entry_body}</PrismicContents>
        <Divider className={classes.dividerSpace} />
      </React.Fragment>
    )
  })

【问题讨论】：

标签： reactjs material-ui map-function prismic.io

【解决方案1】：

我不确定这是否是你想要的。

variable_name = getResponseFromApi()

你可以写classes[variable_name]，因为类只是一个对象

【讨论】：