Category "reactjs"

Can the initial load time be canceled by multiplying React and Flutter?

Promise This is about for web only. Problem Initial loading of Flutter is slow, so I'm thinking of creating a top page with React. But is this the best choice?

Antd popover opening in two diffrent widths depending on the order in which the actions are performed

sorry if the title is confusing, I don't know how else to put it into words. I am currently learning react and made this application using antd UI componen

Next.js and Webpack inline Javascript or CSS ressources

I have the following use case: I need to generate static files with React and Next.js. For that I extended the next.config.js with the following content: module

React - how to pass state to another component

I'm trying to figure out how to notify another component about a state change. Let's say I have 3 components - App.jsx,Header.jsx,and SidebarPush.jsx and all I'

React beautiful DND - I get "Unable to find draggable with id: task-2

In the following code, I have two columns. One column has all the tasks. The other column has a group of selected tasks. So, my expectation is that, when a user

React couldn't pass a data from one class component into another using Link

I am trying the pass data to a new page by using Link, in doing so I used the following code. <Link className="option" to={{

How to display WordPress Post LIST Rest API By Category? ReactJS

I am new to ReactJs and Need to implement wordpress Rest api, I am trying to figure out post list by category, My code is here. getPostsByCategory = async () =

Cytoscape and ReactJS integration

I am trying to use use Cytoscape with ReactJS and some how nothing is getting displayed in the simple component i am trying. Here is the code. I am returning a

How to resize a material-ui button

I have this code here : I am trying to have 3 small square buttons with + and - sign and one in the middle with a digit. I am using material. The buttons now a

Set transaction in metamask with api call using react js

I use TatumIO for creating NFT mp, this thing provides you to use api calls to make transactions like mint, sell, buy, create etc. A little explanation before q

ReactJS: [Home] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

I am trying to navigate to "/quiz" when Start Quiz button is clicked. However when I compile my code I am getting the following error on the website applicatio

npm start errors with ERR! code ENOENT, syscall open

I'm suddently having a problem with "npm start" in my React application. When I trigger it, this is what I receive: npm ERR! code ENOENT npm ERR! syscall open

React Material UI Label Overlaps with Text

I'm using Material UI in a React application and trying to implement an entity update page. In this, we would need to set the exiting values of the entity to le

firebase auth is not a function

I got this TypeError: WEBPACK_IMPORTED_MODULE_4__firebase.c.auth is not a function The line i got an error is the first line. firebase.auth().createUserWithEm

React Router changes the URL but doesn't rerender the component

I'm making a ReactJS websites, the problem is that when the user click on a <Link to="path"> the URL location changes, but the whole webpage becomes black

Upload image to Firebase 9 storage with React?

I'm trying to make a simple input button that users can click to upload image (.png) files to Firebase-Storage (v.9) with React (for non-authenticated users). H

Config route in react-router-dom v6

I am using react-router-dom with typescript. I create a config file like below: export interface RouteComponent { path?: string; element?: React.ComponentTy

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined raised when starting react app

I'm working on a project in React and ran into a problem that has me stumped. Whenever I run yarn start I get this error: TypeError [ERR_INVALID_ARG_TYPE]

URIError: Failed to decode param '/%PUBLIC_URL%/favicon.ico'

I am new to webpack and I got the babel loader and css loader to work and project compiles successfully but when I try to access via browser I get the below err

Ant design sort table code not working on the react typescript

I used following ant design sort table code in react type script, its not working correctly anyone know how to do that correctly My code here import