Category "reactjs"

Not able to get data (node.js) from my client (react.js)

I'm not able to retrieve the data I'm sending from the client to the server. My react code is the following: axios.post('http://localhost:5000/post-entry', { da

API cs-cart put request by react and axios

I use react in front-end and cs-cart API in back-end. In the following code I used axios.put() as follows: const data = JSON.stringify({ "test1": "val1" });

Put the cross on the top right page instead of the left

how can I put the cross on the top right side of my page? For now it appears on the left side. .close { vertical-align: middle; border: none; color:

Why my setPin in scrollMagic don't pin in react but in normal html it works properly?

I have a problem in reactjs wherein My setPin don't work properly in reactjs but in normal html it works properly... Basically the code was something like this

decrease number server making with express put method

I am trying to decrease the quantity, which I have to change on mongodb database, also I need to show it in body. I set a button called delivered which will de

How to use react-big-calendar only for month view

I'm trying to use react-big-calendar, only for viewing the month and allowing the user to press a certain date, which should trigger my own function. That is I'

if error in useEffect, return <NotFound/>

Below I want to use a variable to record error condition of useEffect, and handle it later on. Is it good to use a useState variable, or there are more suitable

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