如何在 react-native 中的两个功能组件之间传递数据？

Question

I am trying to pass data between two functional components but getting undefined value.

File1.js //functional Component 1

const file1 = ({navigation}) => {
      navigation.navigate('file2',{data:"Hello"});
};

File2.js //functional Component 2

const file2 = ({navigation}) => {
  console.log(navigation.getParam("data");
};

Answer 1

My Solution

File1.js //functional Component 1

const file1 = ({navigation}) => {
      navigation.navigate('file2',{item :"Hello"});
};

File2.js //functional Component 2

const file2 = (props) => {
  console.log(props.data.item);
};