Javascript 使用预定义道具进行条件组件渲染

如果有这样的代码：

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

const UseComponent=useXComponent？XComponent：片段；
...
{儿童}

在

XComponent

reference期间，有什么方法可以设置

cid

in？因为我不需要为

Fragment

设置道具

感谢您的帮助。

您需要安装以下软件才能工作-

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

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

const UseComponent=useXComponent？XComponent：片段；
设props={}；
如果（使用XComponent）{
道具={
cid:cid
}
}
{儿童}

除了上面的答案，这是速记

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

const UseComponent=useXComponent？XComponent：片段；
...
{儿童}

“参考期间”是指作业中的？