React向组件添加“未定义”类

时间:2019-04-22 11:14:10

标签: javascript html reactjs

我的项目中有多个组件,其中大多数是用于特定内容的简单容器,带有一些样式。它们通常看起来像这样-

function Portion(props) {
    return (
        <div id={props.id} className={`portion ${props.className}`}>
            {props.children}
        </div>
    )
}

我有多余的${props.className},因此可以根据需要轻松添加更多课程。现在的问题是,如果该元素没有多余的类,React将添加一个undefined类。

React undefined class

如何避免这种情况?

2 个答案:

答案 0 :(得分:2)

尝试使用

${props.className || ""}

答案 1 :(得分:1)

您可以添加条件;

className={`portion ${props.className || ””}`}