将道具传递给从另一个文件导入的函数

Question

我开始在项目中处理代码清晰度，并将我的组件中的多个函数导出到不同的文件中。但是我发现，当它们在单独的文件中时，它们无法访问道具（当它们仍然在组件中时它们就有了它。）

如何解决此问题？

现在我的函数文件基本上是这样的：

import {action1} from './actions
export function foo(){
do something with this.props.bar}

然后我用

将函数导入主组件

import {foo} from './functions

我已经在使用redux了，所以如果它可以解决这个问题，我会接受一些想法

Answer 1

在函数中添加一个参数来传递道具：

export function foo(props){
    return props.bar;
            ^^^^ use the parameter of the function
}

并像这样使用它：

foo(this.props);