Hi all. I’m using redux to fetch and post from/to my rails backend API.
The actions look like this
export const fetchCourses = () => {
return (dispatch) => {
fetch('http://localhost:3000/courses')
.then(response => {return response.json()})
.then(course => {
dispatch(setCourses(course))
})
}
}
export function setCourses(courseData) {
return {
type: "SET_ALL_COURSES",
courses: courseData
}
}
export const fetchTopics = () => {
return (dispatch) => {
fetch('http://localhost:3000/topics')
.then(response => {return response.json()})
.then(topic => {
dispatch(setTopics(topic))
})
}
}
export function setTopics(topicData) {
return {
type: "SET_ALL_TOPICS",
topics: topicData
}
}
export const addResource = (resourceInfo) => {
return {
type: "ADD_RESOURCES",
resources: resourceInfo
}
}
export const fetchResources = () => {
return (dispatch) => {
fetch('http://localhost:3000/resources')
.then(response => {return response.json()})
.then(resource => {
dispatch(setResources(resource))
})
}
}
export function setResources(resourceData) {
return {
type: "SET_ALL_RESOURCES",
resources: resourceData
}
}
export const fetchSchools = () => {
return (dispatch) => {
fetch('http://localhost:3000/schools')
.then(response => {return response.json()})
.then(school => {
dispatch({type: 'SET_ALL_SCHOOLS',schools: school.map(only => {
return only.name
})})
})
}
}
In the web browser, all fetches seem to be working correctly. In the simulator, however, fetch resources does not display and neither does add resources (POST request) – although it is added to the backend. Only the button renders.
As you can see the resources screen is empty, although several resources have already been created and added to the backend with the form. Any ideas why it won’t render? Works fine in the web browser and all the resources that have been created appear.
I’m rendering the resources the same way I rendered the courses and topics (with flatlist) so I don’t think anything is wrong with the code. Any help would be great, I’ve been stuck on this for a while now…