React Native refreshing data
2
I'm trying to refresh some data when users re-vistis the screen. The way im using other places and it works. but can't figure out why this won't fly on this screen?
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this.handleDidFocus)
async handleDidFocus()
...
This is how I load data the first time and want to load it again when users revisits.
componentWillMount()
this.getGroupAccepted();
async getGroupAccepted()
if (this.state.token == null)
var token = await AsyncStorage.getItem("token");
this.setState( "token": token );
fetch('https://.../api/group/getActive',
method: 'POST',
headers:
'Accept': 'application/json',
'Content-Type': 'application/json',
,
body: JSON.stringify(
token: this.state.token
)
)
.then(response => response.json())
.then((data) =>
this.setState(
groups_accepted: data.groups_active,
loading: false,
);
)
.catch((error) =>
console.error(error);
);
reactjs react-native
asked Nov 15 '18 at 23:34
KingfoxKingfox
7911
|
show 4 more comments
2
I'm trying to refresh some data when users re-vistis the screen. The way im using other places and it works. but can't figure out why this won't fly on this screen?
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this.handleDidFocus)
async handleDidFocus()
...
This is how I load data the first time and want to load it again when users revisits.
componentWillMount()
this.getGroupAccepted();
async getGroupAccepted()
if (this.state.token == null)
var token = await AsyncStorage.getItem("token");
this.setState( "token": token );
fetch('https://.../api/group/getActive',
method: 'POST',
headers:
'Accept': 'application/json',
'Content-Type': 'application/json',
,
body: JSON.stringify(
token: this.state.token
)
)
.then(response => response.json())
.then((data) =>
this.setState(
groups_accepted: data.groups_active,
loading: false,
);
)
.catch((error) =>
console.error(error);
);
reactjs react-native
asked Nov 15 '18 at 23:34
KingfoxKingfox
7911
Where are you calling getGroupAccepted?
– Adrian Lineweaver
Nov 16 '18 at 1:21
Have you tried movingaddListenerfunction outside ofcomponentDidMount()?
– Uzair A.
Nov 16 '18 at 3:28
@AdrianLineweaver I'm calling it in componentWillMount() this.getGroupAccepted();
– Kingfox
Nov 16 '18 at 10:20
@UzairA. where should I move it to?
– Kingfox
Nov 16 '18 at 10:22
Try moving tocomponentDidMount
– varit05
Nov 16 '18 at 10:25
|
show 4 more comments
2
2
2
I'm trying to refresh some data when users re-vistis the screen. The way im using other places and it works. but can't figure out why this won't fly on this screen?
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this.handleDidFocus)
async handleDidFocus()
...
This is how I load data the first time and want to load it again when users revisits.
componentWillMount()
this.getGroupAccepted();
async getGroupAccepted()
if (this.state.token == null)
var token = await AsyncStorage.getItem("token");
this.setState( "token": token );
fetch('https://.../api/group/getActive',
method: 'POST',
headers:
'Accept': 'application/json',
'Content-Type': 'application/json',
,
body: JSON.stringify(
token: this.state.token
)
)
.then(response => response.json())
.then((data) =>
this.setState(
groups_accepted: data.groups_active,
loading: false,
);
)
.catch((error) =>
console.error(error);
);
reactjs react-native
asked Nov 15 '18 at 23:34
KingfoxKingfox
7911
I'm trying to refresh some data when users re-vistis the screen. The way im using other places and it works. but can't figure out why this won't fly on this screen?
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this.handleDidFocus)
async handleDidFocus()
...
This is how I load data the first time and want to load it again when users revisits.
componentWillMount()
this.getGroupAccepted();
async getGroupAccepted()
if (this.state.token == null)
var token = await AsyncStorage.getItem("token");
this.setState( "token": token );
fetch('https://.../api/group/getActive',
method: 'POST',
headers:
'Accept': 'application/json',
'Content-Type': 'application/json',
,
body: JSON.stringify(
token: this.state.token
)
)
.then(response => response.json())
.then((data) =>
this.setState(
groups_accepted: data.groups_active,
loading: false,
);
)
.catch((error) =>
console.error(error);
);
reactjs react-native
reactjs react-native
asked Nov 15 '18 at 23:34
KingfoxKingfox
7911
asked Nov 15 '18 at 23:34
KingfoxKingfox
7911
edited Nov 16 '18 at 10:20
Kingfox
asked Nov 15 '18 at 23:34
KingfoxKingfox
7911
asked Nov 15 '18 at 23:34
KingfoxKingfox
7911
asked Nov 15 '18 at 23:34
KingfoxKingfox
7911
7911
Where are you calling getGroupAccepted?
– Adrian Lineweaver
Nov 16 '18 at 1:21
Have you tried movingaddListenerfunction outside ofcomponentDidMount()?
– Uzair A.
Nov 16 '18 at 3:28
@AdrianLineweaver I'm calling it in componentWillMount() this.getGroupAccepted();
– Kingfox
Nov 16 '18 at 10:20
@UzairA. where should I move it to?
– Kingfox
Nov 16 '18 at 10:22
Try moving tocomponentDidMount
– varit05
Nov 16 '18 at 10:25
|
show 4 more comments
Where are you calling getGroupAccepted?
– Adrian Lineweaver
Nov 16 '18 at 1:21
Have you tried movingaddListenerfunction outside ofcomponentDidMount()?
– Uzair A.
Nov 16 '18 at 3:28
@AdrianLineweaver I'm calling it in componentWillMount() this.getGroupAccepted();
– Kingfox
Nov 16 '18 at 10:20
@UzairA. where should I move it to?
– Kingfox
Nov 16 '18 at 10:22
Try moving tocomponentDidMount
– varit05
Nov 16 '18 at 10:25
Where are you calling getGroupAccepted?
– Adrian Lineweaver
Nov 16 '18 at 1:21
Where are you calling getGroupAccepted?
– Adrian Lineweaver
Nov 16 '18 at 1:21
Have you tried moving
addListener function outside of componentDidMount()?– Uzair A.
Nov 16 '18 at 3:28
Have you tried moving
addListener function outside of componentDidMount()?– Uzair A.
Nov 16 '18 at 3:28
@AdrianLineweaver I'm calling it in componentWillMount() this.getGroupAccepted();
– Kingfox
Nov 16 '18 at 10:20
@AdrianLineweaver I'm calling it in componentWillMount() this.getGroupAccepted();
– Kingfox
Nov 16 '18 at 10:20
@UzairA. where should I move it to?
– Kingfox
Nov 16 '18 at 10:22
@UzairA. where should I move it to?
– Kingfox
Nov 16 '18 at 10:22
Try moving to
componentDidMount– varit05
Nov 16 '18 at 10:25
Try moving to
componentDidMount– varit05
Nov 16 '18 at 10:25
|
show 4 more comments
1 Answer
1
active
oldest
votes
1
This is what worked. Now when a user revisits the screen it loads the data once again.
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this._handleDataChange)
_handleDataChange = () =>
this.getGroupAccepted();
answered Nov 16 '18 at 11:25
KingfoxKingfox
7911
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53329350%2freact-native-refreshing-data%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
1
This is what worked. Now when a user revisits the screen it loads the data once again.
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this._handleDataChange)
_handleDataChange = () =>
this.getGroupAccepted();
answered Nov 16 '18 at 11:25
KingfoxKingfox
7911
add a comment |
1
This is what worked. Now when a user revisits the screen it loads the data once again.
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this._handleDataChange)
_handleDataChange = () =>
this.getGroupAccepted();
answered Nov 16 '18 at 11:25
KingfoxKingfox
7911
add a comment |
1
1
1
This is what worked. Now when a user revisits the screen it loads the data once again.
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this._handleDataChange)
_handleDataChange = () =>
this.getGroupAccepted();
answered Nov 16 '18 at 11:25
KingfoxKingfox
7911
This is what worked. Now when a user revisits the screen it loads the data once again.
componentDidMount = () =>
this.props.navigation.addListener('didFocus', this._handleDataChange)
_handleDataChange = () =>
this.getGroupAccepted();
answered Nov 16 '18 at 11:25
KingfoxKingfox
7911
answered Nov 16 '18 at 11:25
KingfoxKingfox
7911
answered Nov 16 '18 at 11:25
KingfoxKingfox
7911
answered Nov 16 '18 at 11:25
KingfoxKingfox
7911
7911
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53329350%2freact-native-refreshing-data%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Where are you calling getGroupAccepted?
– Adrian Lineweaver
Nov 16 '18 at 1:21
Have you tried moving
addListenerfunction outside ofcomponentDidMount()?– Uzair A.
Nov 16 '18 at 3:28
@AdrianLineweaver I'm calling it in componentWillMount() this.getGroupAccepted();
– Kingfox
Nov 16 '18 at 10:20
@UzairA. where should I move it to?
– Kingfox
Nov 16 '18 at 10:22
Try moving to
componentDidMount– varit05
Nov 16 '18 at 10:25