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

Question

我的本​​地应用程序中有一个箭头功能。

我正在尝试传递第一个道具，以便能够在屏幕之间进行导航，同时我也希望通过路线，因为我想在屏幕之间传递数据。

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

请让我知道如何传递两个参数：

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。我使用的是纯功能组件

Answer 1

通常，我喜欢这样

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

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

Answer 2

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

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