材质UI自定义类的属性

时间:2020-09-25 10:14:28

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

我正在尝试提出申请。我想自定义classes. 某些东西之后的值。我想成为我的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>
    )
  })

1 个答案:

答案 0 :(得分:0)

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

variable_name = getResponseFromApi()

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