如何在 JSX 中使用对象答案

【问题标题】：How to use an object in JSX如何在 JSX 中使用对象
【发布时间】：2019-12-15 16:51:08
【问题描述】：

这个问题可能没有确切的答案...

哪种方法更适合在 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>

哪一个被认为是惯例？他们有什么性能差异吗？

【问题讨论】：

在示例 2 中，您将在每次渲染时分别获得 3 次对象。是否会影响性能取决于函数的具体作用，但您会希望编写更枯燥的代码

标签： reactjs react-native jsx

【解决方案1】：

通常被认为是一种很好的做法：

保留您的代码DRY；
要将中间计算的结果存储在单独的变量中，因此，您可以记录它并让其他人知道那是什么。

这样，第一名获胜。它对性能也更好。完美的胜利！

【讨论】：