如何在 JSX 中使用對象

Question

這個問題可能沒有確定的答案......

哪種方法更適合在 JSX 中使用對象。

1-聲明一個對象並在所有用法中使用它：

            const object = GlobalState.getInstance().getObject()
            <Component1 prop1={object}></Component1>
            <Component2 prop2={object}></Component2>
            <Component3 prop3={object}></Component3>

2- 每次使用時傳遞對我們想要的對象的完整引用

                <Component1 prop1={GlobalState.getInstance().getObject()}></Component1>
                <Component2 prop2={GlobalState.getInstance().getObject()}></Component2>
                <Component3 prop3={GlobalState.getInstance().getObject()}></Component3>

哪一個被認為是約定俗成的？ 它們有什么性能差異嗎？

Answer 1

通常認為以下做法是一種很好的做法：

1. 保持代碼干燥；
2. 要將中間計算的結果存儲在單獨的變量中，因此，您可以記錄它並讓其他人知道那是什么。

這樣，第一名獲勝。 這對性能也更好。 無懈可擊的勝利！