Advertisements I want to set my state to an array of objects, my code is correctly populating an empty from the the fetched data but I am not able to set my state to that data. Below is my code: const [postMItems, setPostMItems] = useState([]); let existingM = [] useEffect(() => { const fetchMItems =… Read More Setting State in Useeffect Hook
Advertisements I am using strapi with the documentation-/swagger-plugin. Every time I change something or add a new controller, the documentation rebuilds. How can I make git ignore all files in /documentation/*.json ? github-desktop example I tried * / documentation / *.json in my .gitignore but that didnt work. Just adding *.json is not a option.… Read More git ignore all files in subfolders of subfolders
Advertisements I’m building an ecommerce website with React and Strapi. When I try to get the products and categories from Strapi this error pops up: GET http://localhost:3000/undefined/api/products?populate=* 404 (Not Found) GET http://localhost:3000/undefined/api/categories?populate=* 404 (Not Found) AxiosError {message: ‘Request failed with status code 404’, name: ‘AxiosError’, code: ‘ERR_BAD_REQUEST’ This is the code from the api.js import axios… Read More code : "ERR_BAD_REQUEST" Axios error: Request failed with status code 404
Advertisements With Nuxt + Strapi + Graphql, I’m trying to show the post title here and below is my code. No error and everything was well but the post title just didn’t show up. If you look at the Graphql query below, I managed to pull out all those post information in Playground. Any idea… Read More NuxtJS + Graphql – Everything was well but the post title does not shows up in Template
Advertisements index.js file export default function Home({ posts }) { return ( <div> {posts && posts.map((post) => ( <div key={post.id}> <h2>{post.Title}</h2> </div> ))} </div> ); } export async function getStaticProps() { const res = await fetch("http://localhost:1337/api/posts"); const posts = await res.json(); return { props: { posts }, }; } and this is the error that… Read More Strapi v4 api error "posts.map is not a function" NextJs
Advertisements I have a signup/login workflow in React (NextJS), and everything is working correctly; i made a custom hook to remotely check if the user is authenticated based on localStorage jwt: import React, { useState, useEffect } from ‘react’; import axios from ‘../lib/api’; const useUser = () => { const [logged, setIsLogged] = useState(false); const… Read More Avoid login form flashing in React
Advertisements In my code I try to get to the 2 thumbnail urls in the JSON below. I’m only able to get in the first Array the <>{post.attributes.description}</> but I’m not able to get in the second array the <>{img.attributes.formats.thumbnail.url}</> I am getting the error: TypeError: Cannot read properties of null (reading ‘map’) 11 |… Read More Double nested Array in JSON leads to TypeError: Cannot read properties of null (reading 'map')
Advertisements With the current way strapi outputs a JSON I always get the error .map is not a function. It is a NEXT.JS Frontent. Could it be that this comes from the JSON not being output as an Array? import React, { useEffect } from "react"; export default function Home({ posts }) { return (… Read More JSON format leads to .map is not a function
Advertisements I am using React with Strapi and GrapqQL in order to retreive my data from Strapi. Seems that my query retrieves only maximum 10 items. The API is changed with this new version and I am not allowed to use first:100 in the query. This link 1 is obsolete. I don’t know if this… Read More GraphQL – retrieves only maximum 10 items from Strapi
Advertisements The GraphQL and Strapi API are changed and they added a parent level to the json object where the entire JSON object that has to be fetch must have a parent key called data, if you submit the request without this key, the API is rejected with a 400 error. My JSON I submit… Read More Fetch error – Missing \"data\" payload in the request body