React Js:从单个常量文件中导入url比在原地构建url更快吗?

Question

我需要为一个组件分配一个href prop，该组件将有一个url到一个页面。

<Button
htmlId="GenerateAANotice"
buttonStyle="secondary"
target="_blank"
href={`${config.BASE_URL}one/${window.dataOne}/two/${window.dataTwo}/three/four/`}
>
My Button
</Button>

现在，正如上面的代码所示，随着环境的变化，基本url已经被移动到配置中。我的问题是:假设有两个或三个地方，我需要构造相同的URL，那么它是可以构造相同的地方，因为我在代码共享?或者将url移到另一个基于配置创建url的常量文件中，然后我们可以直接导入相同的并使用。

这样做会对性能有不利影响吗?

Answer 1

当你比较直接赋值和为它创建一个常量(如果它不涉及大量的计算操作，如API调用、数据操作/突变或类似的操作)时，性能差异几乎不明显，甚至明显。

但是我认为为了代码的整洁，这绝对是有区别的。所以可重用的常量减少了重复代码的数量(DRY, Don't repeat yourself)