Category "reactjs"

Pinning a particular element using a drag and drop library in React

I am migrating from react-beautiful-dnd to dnd-kit which does not have customization to pin a particular HTML element and the others we can drag and drop. Like

How to make the email input stay on the same page so that user does not have to enter the email again?

I implemented the reset password feature using AWS Amplify. Initially, I created two forms one for forgotPassword that accepts usernames, and forgotPasswordSubm

Why am I getting an error in my Route Redux code?

I can't find my error in the code. Could someone explain to me. Test: Nav:' should be rendered on the path "/". The "Home" component should be rendered only on

React render message to stay at the bottom

Currently working on a 1:1 live chat messenger. when i send a message its shows up at the bottom of chat where i want it to, but upon page refresh it returns to

Is there any way to avoid preflight OPTION request? [duplicate]

I'm creating a react app using the Laravel API and sending requests through Axios but a preflight OPTION request is sent with every GET or POS

How to build an array of objects in react and pass data as a prop?

const DATA = [ { id: "a-0", name: "Eat", completed: "true" }, { id: "a-1", name: "Sleep", completed: "false" }, { id: "a-2", name: "Repeat", completed: "

How to set data in Firebase .onSnapshot()

I'm trying to set data with this function and its not setting the variable. How can I set information for outside use with this? Here is my code const docRef =

Created Cards i want to click on the card to get list of all blogs created by user?

I'm using react and active record associations[users,blogs] for backend. I basically have a nested data structure. I rendered a list of cards on my page and I w

How do i use chartjs in react project properly?

Im trying to use chartjs in my react project but it doesnt work. What am i doing wrong? You can see console logs here: logs import styled from "styled-compo

Is that posssible to post method use in 2 server side url

I added a form and from this value all I set in const then post in API express js server with MongoDB how can I post method use post in 2url const handleSubmi

How to paginate in react using inertia on laravel?

How to paginate in react using inertia on laravel? pulling the paginated data: $contacts = Contact::orderBy('name', 'asc')->paginate(10); return Inertia::ren

Prettier code formatting is not splitting classNames in JSX or HTML

I have the Prettier VSCode extension enabled and my local .prettierrc file has "printWidth": 70 as one of the options, however, when I have a long list of class

How we can maintain the state of logged in and loggedout users and share that state to homepage in react redux

Here after successfull login im directing to homepage. But how can show whether the user is logged in or loggedout in homepage.here i have attached my codesanbo

Infinity loops with useEffect and useCallback - Reactjs

somehow I got an infinity loop, the weird situation that I did solve it but I got a warning and I wish to fix the warning. this is code that work: import { Arro

Camera not displaying after reloading app or running npx react-native start for the 2nd time

I have implemented tensor-flow camera functionalities for pose detection on a website and then hosted it on netlify. Link: https://uactivsite-mobile.netlify.app

upload image using react react and nodejs

i am trying to upload image path in mysql database and show it in homescreen .currently i am having difficulty in storing image path in my sql database and imag

Error while running the command npm install

I'm trying to run a react code and used the command npm install and error(s) pop up: npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\Users\AJ\Deskto

Posts text and image to pdf in react

I'm trying to create a blog post website where anyone can post anything. And also any user can download any post in one click. So is it possible to implement a

How to update a single property using PATCH method in Node JS? [closed]

I want to create a PATCH method to update a single property for my API but there is something I don't understand.

mongodb returns matchCount 1 but modifiedCount 0

I was making a web app where a card is showing the quantity of a product. There is a button also named Delivered. After clicking the button, I want to decrease