Category "reactjs"

Displaying firstname and last name in the same column in react-table-2

I have an API rendering some user data, first- and last name etc.: users = [{ firstname: 'Peter', lastname: 'Pan' address: 'someAddress' }, firstname:

Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it

Stripe Payment is completely work but i got the warning message on the console, "Unsupported prop change on Elements: You cannot change the stripe prop after se

'React' refers to a UMD global, but the current file is a module

I updated my project to create react app 4.0, and I'm slowing moving over my files to TypeScript. I know with this new version you don't have to repetitively im

Uploading multiple images in React

I would like to upload multiple images to send them off. I tried this two ways in handleChange but the formdata is always empty. I also want to know how to di

'React' refers to a UMD global, but the current file is a module

I updated my project to create react app 4.0, and I'm slowing moving over my files to TypeScript. I know with this new version you don't have to repetitively im

React: How to read audio file and provide preview before upload?

I am working on a audio file upload and want that the audio file is available for the audio player before the upload starts: 1) the user selects the audio file,

Imported components transformed into "/static" urls in react-create-app

I'm having an issue I can't really find any previous answers to or documentation about. I'm loading a component, in a module, on my local machine, "login.jsx,"

react-datepicker css not being applied

I'm using a Symfony-based react application and am trying to include a datepicker using the react-datepicker module. I can create the datepicker object, but it

Docker file system not loading into localhost

Current I am working on a full stack application with a react frontend, mysql DB, and apache php instance. Something seems to be up with my changes going from m

How to change button text language on protable filters in Ant Design Pro

I have a pro-table in ant design in which I want to apply filtering. However, the action buttons on the filters are always in Chinese as shown in the attached i

How to style react-select options?

I have used a react-select for multiselect. Now I want to style it but not getting it. const selectStyles = { control: (base) => ({ ...ba

I want to hide div if user click on dot icon and wanna show other div instead of first one

I want to hide div if user click on dot icon and want to show other div instead of first one. Please look at this website section image i want to hide this div

Storing React form data in a nested object with useState

I'm building out a form with React, and I want to store the form fields in an object with nested data like this: { name: "Test User", email: "[email protected]

Typescript compiler error for property that exists

I am using a React package called react-canvas-draw(https://github.com/embiem/react-canvas-draw) and the main class CanvasDraw has a function called getDataURL.

How to merge cell in react-table

I am using react-table and want to merge cell of specific cells based on their number inside. It likes remove divider border. it looks like this: https://i.img

Different function gets passed to useEffect on every render? - ReactJS useEffect

I was going through useEffect from reactjs docs and I've found this statement here Experienced JavaScript developers might notice that the function passed to u

How do I persist my theme to localStorage in NextJs?

I have my theme stored in a stateful function that defaults to false. I then passed a onclick function to toggle between false and true. I want that stored in l

JSX Text Input doesn't work if it has an onChange property (React)

I'm having an issue where any text input that has an onChange property will not let me type in it. I still do have a milisecond of time that I can type somethin

Vercel Failed to compile. React

first, I was getting the same error for react-icons. now I am getting errors for the typewriter. it works fine on localhost. when I'm trying to npm i typewriter

how to get data from graphql server using react and react-apollo?

After about 6-8 hours trying, I'm resorting to help. All I want is to query my graphql server and the response data to be entered into my react component as pro