javascript - 巴贝尔，Webpack，ES6， react : Importing module then passing imported module as prop to child

Question

如果我要在父组件中导入 lodash util 库(或任何库)，然后将该导入的变量作为 prop 传递给我知道将使用同一库的子组件，这是否会带来任何好处性能或构建时间等方面？

我不认为子组件中必须有 lodash util 库的 import 语句，因为它作为 prop 存在，但在性能方面还有其他好处吗？

这是编写 React 组件的常见模式，还是可以做但不一定应该做的事情？

Answer 1

如果您使用 Webpack，则不会有性能提升，它会将所有内容放入同一个文件(如果您要制作多个 block ，则将其放入多个文件)，并优化依赖项包含，因此您不必自己执行此操作。如果有的话，你所说的可能会有更差的性能，因为你将整个库作为 Prop 添加到子组件中。