reactjs - 如何在特定条件下更改排版颜色

我不熟悉将 Material UI 与 ReactJS 一起使用,并尝试更改版式的颜色。

我不知道从哪里开始。就像我想在文本等于不可用时将文本变为红色,如果文本等于可用则变为绿色

<Typography variant="h6" color="Red">{item.Product_Status}</Typography>

回答1

你可以这样做:

color={item.Product_Status == 'available' ? return('green') : return('red') }

我不知道这样的说法是否正确,但基本上如果你将双引号换成括号,你可以在 color 属性中运行一个 js 函数

相似文章

随机推荐

最新文章