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

Question

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

\n\n

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

\n\n

我有额外的${props.className}，以便在需要时可以轻松添加更多类。现在的问题是，如果该元素没有额外的类，React 会添加一个undefined类。

\n\n

\n\n

我怎样才能避免这种情况？

\n

Answer 1

尝试使用

${props.className || ""}