跳過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 /> )