Question

如果有这样的代码：

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

在cid参考期间可以通过任何方式设置XComponent？因为我不需要为Fragment设置道具。

感谢帮助。

Answer 1

除了上面的答案外，这是简写。

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

Answer 2

您需要安装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>

带预定道具的条件组件渲染

2 个答案: