在React中组件之间共享功能的正确方法

Question

我有多个组件都需要做同一件事。（一个简单的函数可以映射其子组件，并对每个子组件执行某些操作）。目前，我正在每个组件中定义此方法。但是我只想定义一次。

我可以在顶层组件中定义它，然后将其作为道具传递。但这并不完全正确。它更多的是库功能而不是道具。（在我看来）。

正确的做法是什么？

Answer 1

如果您使用诸如browserify之类的东西，那么您可以拥有一个外部文件，即util.js，该文件可以导出一些实用程序功能。

var doSomething = function(num) {
 return num + 1;
}

exports.doSomething = doSomething;

然后根据需要

var doSomething = require('./util.js').doSomething;