javascript - 跳过jsx中的传递 Prop

如何不根据条件通过道具？我可以做这个

const condition = true
<ThirdPartyComponent custom={() => condition ? <h1>hello<h1> : null}

但是ThirdPartyComponent仍然会为null，我想跳过将自定义属性传递给ThirdPartyComponent。请注意，我无权访问ThirdPartyComponent。

最佳答案

根据条件渲染组件。使用三元运算符，如果为true，则传递prop或在其他条件下不传递prop

你可以这样-

const condition = true;
condition ? (<ThirdPartyComponent custom={value} />) : (<ThirdPartyComponent /> )