javascript - 带预定 Prop 的条件组件渲染

如果有这样的代码：

const UseComponent = useXComponent ? XComponent : Fragment;
...
<UseComponent cid={cid}>
  {children}
</UseComponent>

在cid引用期间有什么方法可以设置XComponent？因为我不需要为Fragment设置道具。

感谢您的帮助。

最佳答案

您需要安装https://babeljs.io/docs/en/babel-plugin-transform-object-rest-spread.html才能使以下内容正常工作-

const UseComponent = useXComponent ? XComponent : Fragment;
let props = {};
if(useXComponent) {
 props = {
  cid: cid
 }
}

<UseComponent {...props}>
  {children}
</UseComponent>