传递一个在className Reactjs中返回字符串的函数

Question

我想传递一个返回字符串的函数，以通过reactjs中的该字符串设置元素的className。

我尝试了类似的方法，但是没有返回任何内容：

className={() => shift.spots === 0 ? "notassigned" : "filled"}

Answer 1

正如JLRishe在他的评论中指出的那样，您不应使用函数，而应使用简单的语句

className={shift.spots === 0 ? "notassigned" : "filled"}

Answer 2

您需要调用函数。

    return (
        <div
            className={(() => shift.spots === 0 ? "notassigned" : "filled")()}
        />
    );

否则，您要将箭头函数传递给className。