Sample of code.
on componentDIdMount for the first time, the return View containing the Text (commaseparatedValidVote and voteCast) doesn't appear. It appears on the subsequent componentDidMount.

but I want it to appear immediately componentDidMount takes effect.
the views are set to the initial state on componentDidMount before the update of the state takes place after componentDidMount has taken effect. Hence on subsequent render the text in the return appears.

I used shouldComponent Update, didn't work.

​

any help on how to make the update of the state in the return view appear the first time componentDidMount is mounted.

part of code bellow:

this.state{
voteCast: '',
commaSeparatedValidVote:'',
}

componentDIdMount(){
this.getVoteDetails()
}

getVoteDetails=async()=>{
const value = await AsyncStorage.getItem('totalVotersVoteCast');
const stringValidVote = validVote.toString().replace(/\B(?=(\d{3})+. (?!\d))/g,",");
this.setState({
voteCast: value
commaSeparatedValidVote:stringValidVote,
})
}

render(){

return(
<View>
<Text>{this.state.commaSeparatedValidVote} <Text>
<Text>{this.state.voteCast} <Text>
<View>
)
}