javascript - 在 ReactJS 中将其作为 prop 传递

Question

所以我有一些组件使用很多功能，所以有时要避免做 <Component func1={func1} func2={func2} ... />我觉得这看起来很丑<Component component={this} />当在组件中调用相同的函数时。所以这显然应该慢一些，但到底慢了多少呢？这是一个糟糕的编码模式吗？我想我也可以用所使用的函数创建一个新的 obj 并将其传递进去。

编辑:我相信最好的解决方案是创建一个名为的函数:
getFuncs(component)
{
return { func1: ..., func2: ... }
}

在reactClass中然后调用:<Component funcs={this.getFuncs(this)} />

Answer 1

   const componentProps = {
     func1: this.func1,
     func2: this.func2
   };
   <Component {...componentProps} />