是否推荐把原始数据作为props参数传递给react组件让组件自己计算然后渲染？

Question

有一个Electorn 项目，里面的前端有一个组件，

在设计的时候，有一个问题想要和大家讨论一下：

在此项目内，组件需要接入props数据，目前对props做设计。
现在的情况是，需要对原始数据大量计算才能得到需要的props然后传输给组件，想要问一下：
1、是否推荐把原始数据作为props参数传递给组件让组件自己计算然后渲染？
2、是否不管在组件内还是组件外计算，对整个应用都是消耗一样的性能？
3、如果是在组件外进行计算，那么是否有推荐的方式进行做到性能提升？比如开辟线程进行处理之后传递给组件？

Answer 1

1. 是否推荐把原始数据作为props参数传递给组件让组件自己计算然后渲染？
   组件的作用就是逻辑内敛，高度抽象，降低使用成本。如果你在多处拿到的原始数据结构都是一样的，不用纠结，应该直接把数据传递给组件，让组件内部进行处理。
2. 是否不管在组件内还是组件外计算，对整个应用都是消耗一样的性能？
   是的，都是需要计算，但是组件内部可以做性能优化。
3. 如果是在组件外进行计算，那么是否有推荐的方式进行做到性能提升？比如开辟线程进行处理之后传递给组件？
   组件内部可以使用，使用多线程，可参考 https://www.electronjs.org/docs/latest/tutorial/multithreading