具有小组件的React-Native性能

Question

快速提问，

为了组织我的项目，我有一些LinearGradient组件定义与此类似：

export class YellowGradient extends React.Component{
    render() {
        return <LinearGradient id="yellow-gradient" x1="200" y1="0" x2="200" y2="400">
            <Stop offset="0" stopColor="#f4eb42" />
            <Stop offset="1" stopColor="#e0db7d" />
        </LinearGradient>
    }
}

这使我能够在SVG组件上重用系统中的相似颜色（即，当我想要这个黄色渐变时，我只需要在SVG组件的定义中添加<YellowGradient>），但是我可以使用它。我担心像这样的嵌套组件可能会给应用程序增加太多的开销。

我是否正确地担心，或者像这样的小型恒定组件会被优化掉？是否有更好的模式可以重用这些小组件？

提前致谢

Answer 1

要知道的唯一方法是测试它。但是，如果您遇到任何优化问题，我建议您使用React.PureComponent。这将提高您的应用程序速度并停止那些降低应用程序速度的重新渲染。