Category "reactjs"

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

Input value not updating, dynamic input box when user opens popup window react/next js

I have a problem where when a user opens a popup window to change their name, email, password, etc. the input box where they'd add their change won't collect th

Convert normal string to datetime format

Is there any way to convert normal string 5pm into 2022-04-20T17:00:00.000Z format? I have got this from backend but Im using timepicker in antd. It only accept

Best way to provide admin role from Django REST to ReactJS

The default django user model has a is_superuser field. I would like to use this field to conditionally render components in react, i.e. get something like this

Hero section video overflowing (CSS/React)

How do you make a navbar and hero section that fills the height of the screen, and not scrollable? Currently I am trying: My nav css: .NavStyle { top: 0; wi

After adding env file to my project the firebase auth is not working, console showing the api key is not correct

Here how I connected firebase with environment variable: const firebaseConfig = { apiKey: process.env.REACT_APP_apiKey, authDomain: process.env.REACT_APP_

Js .map giving unexpected results

this is my code for map and this is giving unexpected results: console.log('results', results); let newResults = [...results]; newResults = results.map((el) =&

TypeError: ‘undefined’ is not an object (evaluating)

I'm started react-native tutorial on youtube, and I get error this one. TypeError: ‘undefined’ is not an object This is File it is showing from: