跳过jsx中的传递道具

Question

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

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

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

Answer 1

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

你可以这样-

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