在箭头函数 React Native 中传递两个参数答案

【问题标题】：Passing two paramaters in arrow function React Native在箭头函数 React Native 中传递两个参数
【发布时间】：2020-09-05 15:05:26
【问题描述】：

我的 react native 应用程序中有一个箭头函数。

我正在尝试传递第一个道具以便能够在我的屏幕之间导航，同时我还想传递路线，因为我想在我的屏幕之间传递数据。

但是，使用下面的代码，无论我作为第二个参数放置什么，它始终是未定义的......并且第一个将正常工作。

请让我知道我必须做什么才能传递两个参数：

const Home = ({route, props}) => {
  {console.log(route.params.id)}
  {console.log(props)}
}

我也试过

const Home = ({route}, props) => {
  {console.log(route.params.id)}
  {console.log(props)}
}

顺便说一句，我使用的是最新版本的 React Native 和 React Navigation。我正在使用纯功能组件

【问题讨论】：

第二个例子无效const Home = ({route}, props})。你有一个额外的结束}。
很抱歉这是我的问题中的错字
有了新的改动还是不行？
是的，还是不行
看看 Home 是如何被其父级调用的可能很有用，但我怀疑你想要实现的目标需要使用扩展运算符：const Home = ({route, ...props})。

【解决方案1】：

通常我喜欢这样

const Home = (props) => {
  const {route} = props
  {console.log(route.params.id)}
  {console.log(props)}
}

因为在组件中所有参数都是props，而组件中只有一个参数是props

【讨论】：

【解决方案2】：

这不是传递其他道具的正确方式。试试这个。

const Home =({route, ...props}) => {
....
}

【讨论】：