<MyComponent something={somethingIsTrue} />
如何將something作為道具添加到MyComponentif somethingIsTrue？我仍然不想要 something=undefined 或者something=false因為它仍然被添加到 MyComponent。我希望它是
未添加為道具
如果somethingIsTrue是假的。
uj5u.com熱心網友回復：
我還沒有嘗試過，但這樣的事情應該可以解決問題。
const conditionalProps = shouldHaveProps ? {something: somethingIsTrue} : {};
<MyComponent {...conditionalProps} />
uj5u.com熱心網友回復：
1）你可以這樣做：
現場演示
const something = true;
const props = something ? { something: something } : null;
return <MyComponent {...props} />;
2）如果something是，您可以使用傳遞引數切換組件truthy
現場演示
const something = true;
return something
? <MyComponent something={something} />
: <MyComponent />;
uj5u.com熱心網友回復：
您可以使用 JSX 中的動態運算式來獲得所需的結果
<MyComponent {...(somethingIsTrue ? {something:somethingIsTrue} : {})}/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/377271.html
標籤：javascript 反应 打字稿
下一篇：排除無法洗掉打字稿上的未定義