React 17.0.1中如何向其他文件的函数传递参数？

你的Foo函数定义时使用了对象解构语法，它期望接收一个包含someArg属性的对象作为参数，但你调用时直接传入了字符串"text"，所以解构出来的someArg自然是undefined。

以下两种方法都能解决这个问题：

方法一：修改调用方式，传入对象参数 #

在App.js中调用Foo时，传入包含someArg属性的对象：

function App() {
  useEffect(() => {
    Foo({ someArg: "text" });
  }, []);
  // ...
}

方法二：修改Foo的参数定义，直接接收普通参数 #

如果不需要用对象传参的形式，可以调整Foo.js里的参数写法，去掉对象解构的花括号：

// Foo.js
const Foo = (someArg) => {
  alert(someArg);
};

export default Foo;

这样调用Foo("text")就能正常弹出传入的文本了。

内容的提问来源于stack exchange，提问作者SpicyCatGames