Category "reactjs"

onSubmit form send data to another component/route in React

I am currently having a react component, where I have a small form: const firstName = React.useRef(null); const handleSubmit = e => { const data = {

How do you incorporate an alert which will come out saying ADDED after clicking the save button from this form?

Note This form is a floating form it closes enter image description here

Cant access image in App.css from public/images/img-2.jpg

I am creating a react app when I want a particular section to have a background image that I have in my images folder which is inside the public folder. Accessi

Spring Boot Server not loading React webpage

Issue: Hello! I've been spending a fair bit of time now trying to get a Spring Boot server to host a React Application. I've been able to work out nearly everyt

How to search based on multiple criteria in AutoComplete API in material UI

I have created a search box using the auto complete API. But it is only searching based on the title field from options and not searching the inputs on other fi

How to use next() function in Next JS API like Express JS?

While making an API in Next JS, where I pass three parameter to my API function (req, res, next) here is the code : import catchAsyncErrors from "../../../middl

Attempting to add multiple items to SP list using sp/pnp but getting error on ```createBatch()```

I'm following this documentation: https://pnp.github.io/pnpjs/sp/items/#add-multiple-items But I'm getting an error with: import { SPFI, spfi, SPFx } from "@pnp

Retry react-query based on result

I want the query to retry until the expected result is met. How do I pass a condition into the function to decide if the query succeeded or not? export async fu

What is the definition of "parent component" in React?

What is the definition for "parent component" in React? eg. const A = () => { return ( <B> <C/> </B> ); } Is A the paren

Post a message from iframe in React

I have trouble about sending message from cross-domain iframe in React. I read many articles, most of them are about sending message to iframe. The issue is tha

How to add custom close icon for Alert component in Material UI, globally

We can globally customise the severity icons shown in the Alert component through the theme: MuiAlert: { defaultProps: { iconMapping: { info

Multiply useQuery on one page, why undefined result?

I need too use useQuery a few times to get different data from db. So I call: const {data: var1} = useQuery(MY_QUERY, {variable: {content1}); const {data: var2

How do I get back the generated filename after uploading to Cloudinary widget in ReactJS?

I'm using react-cloudinary-upload-widget in my React app to allow users to upload a profile picture. The idea is to store the image on Cloudinary and store its

How can I update only a single cell value and JSON in table

I'm writing a code where I have a table of 3 columns. the last column is editable. My requirement is, when I click on that cell, add a new value, and it should

Images disappear in production build of React because the wrong path is generated

this is my first time posting here. I am having a problem with how the production build paths to my images are generated when I run npm run build. I have some l

how to get the browser time in React [duplicate]

Is there possibility to get the browser time in react. Is there any library that can help with this. The web page should display the time of t

REACT Frontend not talking to backend despite Flask-CORS

I'm writing an application REACT frontend and Flask backend (with Flask-cord installed). When I make a call from the frontend I get an error Access to fetch at

Sending Array of files to the server in React

i am trying to send array of files like this to the server but i have a problem it always sent to the server by this format [Object file] how can i send the fil

Tailwind css classes not showing in Storybook build

I am trying to build my storybook with tailwind css. When running build-storybook the components are rendered with the tailwind classes. Unfortunately, when I b

How to get document after user has logged in using google auth in firebase?

I want to fetch user information stored in firestore after the user has logged in using google sign in. I am checking whether the user exists or not. If the use