Reactjs react/jsx中的条件属性

在jsx中有更好的愚弄方式吗

let jsx;
if (description)
{
    jsx = <MyComponent id="1" name={name} description={description} />
}
else
{
    jsx = <MyComponent id="1" name={name} />
}

let-jsx；
如果（说明）
{
jsx=
}
其他的
{
jsx=
}

您可以在“MyComponent”中使用defaultProps。所以您不需要向组件发送“描述”

MyComponent.defaultProps = {
  description: "" //Empty or something
}

---

您可以在“MyComponent”中使用defaultProps。所以您不需要向组件发送“描述”

MyComponent.defaultProps = {
  description: "" //Empty or something
}

---

在子组件内部，您可以执行以下操作

类子级扩展React.Component{
render（）{
var-toReturn；
如果（本道具说明）{
toReturn=this.props.description；
}否则{
toReturn=null；
}
返回(
{toReturn}
);
}
}

在子组件内部，您可以执行以下操作

类子级扩展React.Component{
render（）{
var-toReturn；
如果（本道具说明）{
toReturn=this.props.description；
}否则{
toReturn=null；
}
返回(
{toReturn}
);
}
}

如果将描述准备为对象，则可以使用spread操作符传递它。对于未定义的值，它将不会显示

e、 g

const desc={
描述：“您的描述”
}
//描述属性集
设jsxWithDesc=；
常量descUndefined={
说明：未定义
}
//说明属性未设置
设jsxWithoutDesc=

如果将描述准备为对象，则可以使用spread操作符传递它。对于未定义的值，它将不会显示

e、 g

const desc={
描述：“您的描述”
}
//描述属性集
设jsxWithDesc=；
常量descUndefined={
说明：未定义
}
//说明属性未设置
设jsxWithoutDesc=