React Native navigation param doesn't get updated value - react-native

Question

I have a React Native application where i'm taking input from one component and sending the input values as navigation params to other component where search is performed according to those input data. Now, it's working on first time when i'm getting the input values from receiving them with navigation.getParam.But when i go back to add some new inputs and go to the other component navigation.getParamshows the older value not the current one. Here's where i'm taking the inputs:
inputData = () => {
let bodyData = {
customer_id: this.state.customerId,
security_code: this.state.userSecurityCode,
vendor: this.state.vendor,
category_id: this.state.categoryName,
country_id: this.state.countryName,
zone_id: this.state.zoneName,
navigationIdentity: 1
}
this.props.navigation.navigate('Vendor',bodyData)
}
And here's i'm receiving:
componentWillMount() {
const { navigation } = this.props;
this.focusListener = navigation.addListener("didFocus", () => {
const customer_id = navigation.getParam('customer_id')
const security_code = navigation.getParam('security_code')
const vendor = navigation.getParam('vendor')
const category_id = navigation.getParam('category_id')
const country_id = navigation.getParam('country_id')
const zone_id = navigation.getParam('zone_id')
let searchBody = {
customer_id: customer_id,
security_code: security_code,
vendor: vendor,
category_id: category_id,
country_id: country_id,
zone_id: zone_id
}
console.log('in focus',searchBody)
});
}
Now the console.log here only shows the first input values received with navigation.getParam. After that when i update input values and navigate it still shows the first fetched values.

Answer 1

Hope this works
inputData = () => {
let bodyData = {
customer_id: this.state.customerId,
security_code: this.state.userSecurityCode,
vendor: this.state.vendor,
category_id: this.state.categoryName,
country_id: this.state.countryName,
zone_id: this.state.zoneName,
navigationIdentity: 1
}
this.props.navigation.push('Vendor',bodyData)
}
componentWillMount() {
const { params } = this.props.navigation.state;
this.focusListener = this.props.navigation.addListener("didFocus", () => {
const customer_id = params.customer_id;
const security_code = params.security_code;
const vendor = params.vendor;
const category_id = params.category_id;
const country_id = params.country_id;
const zone_id = params.zone_id;
let searchBody = {
customer_id: customer_id,
security_code: security_code,
vendor: vendor,
category_id: category_id,
country_id: country_id,
zone_id: zone_id
}
console.log('in focus',searchBody)
});
}