как правильно использовать getparam из навигации в React Native?

Question

Я использую реагирующую навигацию v4 Я использовал navigation.navigate для отправки параметров на другой странице, которую я построил, когда я пытаюсь сделать то же самое на другой странице, я получаю неопределенное значение.

Я хочу передать это

let VolunteerDest = documentSnapshot.data().delegation;
console.log('testing user delegation: ', VolunteerDest)  // <~~~~~~~~~ its working ~~~~~~~~~~
this.props.navigation.navigate('Volunteer', {userDelegation: VolunteerDest});

и на другой странице я пробовал это в compDidMount / Constructor .. ни один из них не работает:

 const id = this.props.navigation.getParam('userDelegation');
 console.log('testing user delegation:' , id);  // <~~~~~~~~~~~~~~  undefined

может кто-нибудь, пожалуйста, скажите мне, что с этим не так? Я прочитал навигационный код c и искал здесь и в Google, но не могу найти свою ошибку (например, я сказал, что он работал с другой навигацией по страницам, но здесь я столкнулся с этой проблемой)

Answer 1

    First Scrren :

     <Button
              title="Go Next"
              //Button Title
              onPress={() =>
                navigate('SecondPage', {
                  JSON_ListView_Clicked_Item: this.state.username,
                })
              }/>


Second:

First Use this line

 const { navigate } = this.props.navigation;

then after  {this.props.navigation.state.params.JSON_ListView_Clicked_Item
            ? this.props.navigation.state.params.JSON_ListView_Clicked_Item
            : 'No Value Passed'}

Answer 2

, об этом не нужно беспокоиться, вы также можете получить значение в таком состоянии

this.state = {
        subCatName: this.props.navigation.state.params.userDelegation
    };