React-native getting 'require cycle' in a loop when fetching
I'm new to react-native and I'm currently trying to create a map with levels and exercises. Right now, I just want to get, for each level, the maximum exercise value to create as many buttons as there are exercise by level. But I'm having this warning displayed: "Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle."
It's displayed a lot of time and I don't have my JSON.
Here is the code I have for the moment:
export async function getExercisesByLevel() {
console.log("getExercicesByLevel");
const url = 'http://XXX/Appli/appli-api.php?niveauExerciceCount'
try {
let req = await fetch(url)
let response = await req.json()
return response
} catch(error) {
console.log(error)
}
}
Here is the code I'm using to retrieve the JSON.
Then I'm just calling the function:
import React from 'react'
import { StyleSheet, View, Text } from 'react-native'
import { getLevels, getExercisesByLevel } from '../API/NiveauxAPI'
class Niveaux extends React.Component {
constructor(props) {
super(props)
this.state = { niveaux: "" }
}
componentDidMount() {
{this._displayLevelsMap()}
}
_displayLevelsMap() {
getExercisesByLevel().then(niveaux => {
this.setState({
niveaux: niveaux
})
})
}
render() {
return (
<View>
<Text>Hello</Text>
</View>
)
}
}
const styles = StyleSheet.create({
view: {
flex: 1,
}
})
export default Niveaux
All of this is contained in a StackNavigator:
import { createStackNavigator, createAppContainer } from 'react-navigation'
import Niveaux from '../Components/Niveaux'
const SearchStackNavigator = createStackNavigator({
Search: {
screen: Niveaux,
navigationOptions: {
title: "Niveaux"
}
}
})
const App = createAppContainer(SearchStackNavigator)
export default App
Please let me know what I'm not doing correctly (there might be a lot of things :p).
In advance, thanks!
reactjs react-native
asked Nov 25 '18 at 12:15
KiritsuKiritsu
63
add a comment |
I'm new to react-native and I'm currently trying to create a map with levels and exercises. Right now, I just want to get, for each level, the maximum exercise value to create as many buttons as there are exercise by level. But I'm having this warning displayed: "Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle."
It's displayed a lot of time and I don't have my JSON.
Here is the code I have for the moment:
export async function getExercisesByLevel() {
console.log("getExercicesByLevel");
const url = 'http://XXX/Appli/appli-api.php?niveauExerciceCount'
try {
let req = await fetch(url)
let response = await req.json()
return response
} catch(error) {
console.log(error)
}
}
Here is the code I'm using to retrieve the JSON.
Then I'm just calling the function:
import React from 'react'
import { StyleSheet, View, Text } from 'react-native'
import { getLevels, getExercisesByLevel } from '../API/NiveauxAPI'
class Niveaux extends React.Component {
constructor(props) {
super(props)
this.state = { niveaux: "" }
}
componentDidMount() {
{this._displayLevelsMap()}
}
_displayLevelsMap() {
getExercisesByLevel().then(niveaux => {
this.setState({
niveaux: niveaux
})
})
}
render() {
return (
<View>
<Text>Hello</Text>
</View>
)
}
}
const styles = StyleSheet.create({
view: {
flex: 1,
}
})
export default Niveaux
All of this is contained in a StackNavigator:
import { createStackNavigator, createAppContainer } from 'react-navigation'
import Niveaux from '../Components/Niveaux'
const SearchStackNavigator = createStackNavigator({
Search: {
screen: Niveaux,
navigationOptions: {
title: "Niveaux"
}
}
})
const App = createAppContainer(SearchStackNavigator)
export default App
Please let me know what I'm not doing correctly (there might be a lot of things :p).
In advance, thanks!
reactjs react-native
asked Nov 25 '18 at 12:15
KiritsuKiritsu
63
add a comment |
I'm new to react-native and I'm currently trying to create a map with levels and exercises. Right now, I just want to get, for each level, the maximum exercise value to create as many buttons as there are exercise by level. But I'm having this warning displayed: "Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle."
It's displayed a lot of time and I don't have my JSON.
Here is the code I have for the moment:
export async function getExercisesByLevel() {
console.log("getExercicesByLevel");
const url = 'http://XXX/Appli/appli-api.php?niveauExerciceCount'
try {
let req = await fetch(url)
let response = await req.json()
return response
} catch(error) {
console.log(error)
}
}
Here is the code I'm using to retrieve the JSON.
Then I'm just calling the function:
import React from 'react'
import { StyleSheet, View, Text } from 'react-native'
import { getLevels, getExercisesByLevel } from '../API/NiveauxAPI'
class Niveaux extends React.Component {
constructor(props) {
super(props)
this.state = { niveaux: "" }
}
componentDidMount() {
{this._displayLevelsMap()}
}
_displayLevelsMap() {
getExercisesByLevel().then(niveaux => {
this.setState({
niveaux: niveaux
})
})
}
render() {
return (
<View>
<Text>Hello</Text>
</View>
)
}
}
const styles = StyleSheet.create({
view: {
flex: 1,
}
})
export default Niveaux
All of this is contained in a StackNavigator:
import { createStackNavigator, createAppContainer } from 'react-navigation'
import Niveaux from '../Components/Niveaux'
const SearchStackNavigator = createStackNavigator({
Search: {
screen: Niveaux,
navigationOptions: {
title: "Niveaux"
}
}
})
const App = createAppContainer(SearchStackNavigator)
export default App
Please let me know what I'm not doing correctly (there might be a lot of things :p).
In advance, thanks!
reactjs react-native
asked Nov 25 '18 at 12:15
KiritsuKiritsu
63
I'm new to react-native and I'm currently trying to create a map with levels and exercises. Right now, I just want to get, for each level, the maximum exercise value to create as many buttons as there are exercise by level. But I'm having this warning displayed: "Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle."
It's displayed a lot of time and I don't have my JSON.
Here is the code I have for the moment:
export async function getExercisesByLevel() {
console.log("getExercicesByLevel");
const url = 'http://XXX/Appli/appli-api.php?niveauExerciceCount'
try {
let req = await fetch(url)
let response = await req.json()
return response
} catch(error) {
console.log(error)
}
}
Here is the code I'm using to retrieve the JSON.
Then I'm just calling the function:
import React from 'react'
import { StyleSheet, View, Text } from 'react-native'
import { getLevels, getExercisesByLevel } from '../API/NiveauxAPI'
class Niveaux extends React.Component {
constructor(props) {
super(props)
this.state = { niveaux: "" }
}
componentDidMount() {
{this._displayLevelsMap()}
}
_displayLevelsMap() {
getExercisesByLevel().then(niveaux => {
this.setState({
niveaux: niveaux
})
})
}
render() {
return (
<View>
<Text>Hello</Text>
</View>
)
}
}
const styles = StyleSheet.create({
view: {
flex: 1,
}
})
export default Niveaux
All of this is contained in a StackNavigator:
import { createStackNavigator, createAppContainer } from 'react-navigation'
import Niveaux from '../Components/Niveaux'
const SearchStackNavigator = createStackNavigator({
Search: {
screen: Niveaux,
navigationOptions: {
title: "Niveaux"
}
}
})
const App = createAppContainer(SearchStackNavigator)
export default App
Please let me know what I'm not doing correctly (there might be a lot of things :p).
In advance, thanks!
reactjs react-native
reactjs react-native
asked Nov 25 '18 at 12:15
KiritsuKiritsu
63
asked Nov 25 '18 at 12:15
KiritsuKiritsu
63
asked Nov 25 '18 at 12:15
KiritsuKiritsu
63
asked Nov 25 '18 at 12:15
KiritsuKiritsu
63
asked Nov 25 '18 at 12:15
KiritsuKiritsu
63
63
add a comment |
add a comment |
0
active
oldest
votes
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
});
}
});
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%2f53467326%2freact-native-getting-require-cycle-in-a-loop-when-fetching%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
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%2f53467326%2freact-native-getting-require-cycle-in-a-loop-when-fetching%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
