Category "reactjs"

Deleting cookie in client from server failing (Firefox)

Im trying to delete the cookies in the client that my server created every time the user logout, they have httpOnly:true attr so only the server response can de

React Image gallery issues - return outside the function

Im having issues turning a html and js file into a react component (image gallery). The below is the component and the images are taken from a shop.js file. Whe

map function not working in ReactJs using nexttjs

I am new in ReactJS and i am using "Nextjs" framework,Right now i am using "async" function for fetching data but unable to fetch using "map" function, in conso

Cypress: Not able to stub with a basic example. What might i be missing?

For some reason, I am not able to stub this here. I have reduced my code to almost exactly this here. This should work according to the docs, but I'm wondering

I was making api project but I am getting type error : undefined cannot read properties .. (reading 'map') in react js

I was making google clone website with rapid api but I end with getting this error. I have two files. Under this having my .map function and I am accessing my s

How come my react hook isn't acting as expected? Importing problem? Destructuring issue?

Im trying to pass a state value into a component. Why is it working in one component and not working in another component in the same folder? I have the hooks i

The code is forcing the user to change the image also when he want to change only other properties of his article

Hello everyone I have a blog platform, the user can add and edit blog. I used Django and Django Rest Framework to build the website, and for the frontend ReactJ

how to pass props through a Link from react-router-dom?

I'm trying to pass state using Link <Link to={{ pathname: `/contact/:${contact.id}`, state: { contact }, }}> And this is whe

React typescript - Gettting type error when trying to assign React's key prop

I have simple code as follows: /types.ts export type TodoType = { id: String task: String completed: Boolean } /components/Todo.tsx import { TodoType }

net::ERR_ABORTED 431 (Request Header Fields Too Large)

my problem on on site when im using npm start : Mail_Sende:25 GET http://localhost:3000/mateu52/Mail_Sender/static/js/bundle.js/ net::ERR_ABORTED 431 (

React-native Expo SpeechOptions

I would like to use these expo react native events (onPause, onResume, onDone,...) which can be found here: https://docs.expo.dev/versions/v44.0.0/sdk/speech/#s

Dispatch with multiple parameters and create action with Redux Toolkit

I'm fairly new to Redux (and especially Redux Toolkit) and cannot wrap my head around the following issue. I'm rewriting old code with Toolkit. I understand tha

request I made to the database server in the apk of my React native android application does not work

in my react-native app, I created a server with express js to connect to the database. And I created api to get data from database. This api works successfully

When new items are added, the first existing items are not animated using framer motion

When there are only two items initially, clicking Add will add new item (3rd item). The 2nd item will go below and show a heading. Going below is not animated.

React Checkbox default value to true

I am working with backend value whos initial value comes to the UI as false or null. if the value is false or null, then my checkbox needs to be checked, and if

Add Spring security authentication to React

I have a project with built-in spring security athentication that works fine. Now I'm rewriting the frontend from jsp to react and I need authentication to work

How to Implement Google Cloud Vision Api to React Application

I am trying to connect my node.js Google Cloud Vision API with my react application that I've created, but I'm running into several errors compiling when I run

What's the easiest way to play youtube video in <video>tag in React

I am trying to play youtube video in html5 tag but I am getting some error <div className={classes.VideoContainer}> <video className={classe

Can't stop the asynchronous flow

I have the following function: const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => { event.preventDefault(); const

how to attach picture to another picture?

I want to do synchronising device, it measures phase shift between phases. It's a measurement device, that have a pointer like a clock. It consists of two imag