我的功能很好,但我想改進它
const canPrepareReview = (): boolean => {
if (loading) return true;
if (Object.keys(assets).length !== 0) return true;
return master;
}
<Button
disabled={!canPrepareReview()}
>
我嘗試使用這樣的東西
<Button
disabled={loading || master || Object.keys(assetsSelected).length === 0}
>
但它不起作用那么關于如何改進它的任何想法?
uj5u.com熱心網友回復:
該函式評估:
loading || Object.keys(assets).length !== 0 || master
但是在第一個disabled屬性中,函式結果被否定,所以我們評估:
!(loading || Object.keys(assets).length !== 0 || master)
如果你把它作為運算式放在disabled屬性中,它應該給出與基于函式的解決方案相同的行為。
但是,定義函式實際上是更好的做法。不要用復雜的運算式膨脹屬性。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/466185.html
標籤:javascript 打字稿
上一篇:沒有重復字符的字串
