如果属性具有值，则在 <div> 中添加属性

Question

我是网络开发新手，所以这可能是非常基础的。如果 datainfo prop 变量不为空，我想向 div 标签添加 data 属性

<div style={{height: props.height - handleHeight()}} data={datainfo ? datainfo : ""}>

但现在，如果 datavalue 为空，则 data 属性会添加一个空值。相反，我希望它根本不会出现在 div 标签中。

我可以在 JSX 子句中添加整个内容吗？或者如何做？

Answer 1

根据这个其他答案，你应该false把"".

<div style={{height: props.height - handleHeight()}} data={datainfo ? datainfo : false}>