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

Question

我是Web开发的新手，所以这可能很基础。如果datainfo prop变量不为空，我想向div标签添加数据属性

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

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

我可以将整个内容添加到JSX子句中还是该怎么做？

Answer 1

根据this other answer，您应该放false而不是""。

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