Category "reactjs"

how i can change this code to functional component in react

Here how i can change this code to functional component. If i try to change this to functional component in console data is keep on printing. how i can solve th

React App showing dark theme after installing daisyUI

I have installed tailwind css then installed daisyUI. After running my react app it is showing dark theme. I want to remove it. Here is the tailwind.config.js f

Is there any benefit in using Map (Object) over objects in React functional components? [duplicate]

I couldn't find anything about this online but I recently saw some React examples using the Map object to make a simple mapper. This had me w

How to solve "Cannot find module '../definitions/exclusiveRange" in react

When i try to start 'npm start' in react app it shows "Cannot find module '../definitions/exclusiveRange".How to solve this in react version": "0.1.0".

Why function from service class doesn't work from useContext?

I'm trying to pass service as context and then use it in app, but get error "service.getItems is not a function". What is wrong? I know I could just import and

How to draw a complex Gantt chart in react?

I am trying to build a gantt chart, wherein a single row can have multiple horizontal boxes. Something as shown in the below image. image-1. I have explored fol

(MUI v5) (Nested Modal) Both parent and child modal die at the same time

I have simulate my issue in codesandbox: https://codesandbox.io/s/trusting-babbage-ovj2we?file=/src/App.js I have create a nested modal, when the parent modal i

Error: "Module build failed (from ./node_modules/happypack/loader.js):"

This is the theme I am using for a dashboard project (I am under serious timeline pressure). https://themeforest.net/item/enlite-prime-reactjs-fullstack-website

How can I write an adapter for my React Final Form component with Typescript?

I need to write an adapter for a component, to which I need to pass certain props. For example, I have a component which can receive certain props as "disabled"

react-native-svg - Fill overlapped area of two ellipses

We are using react-native-svg library to draw ellipses having following code <Svg> <Ellipse cx={192} cy={190} rx={50} ry={80} stroke={"red"} stro

How can I use the react testing library to test the style characteristics of an range input?

I need to get the styles of the input range-slider in javascript so i can test it. I have made a range slider component which accepts different style properties

environment variable undefined in react js

I am trying to get the environment variable from .env file, I have followed all steps but don't know why it's showing an undefined value .env file REACT_APP_NAM

React Component Not Rerendering - Base Class

I'm having an issue where a component isn't rerendering. There's a base class that's needed to be overriden in order to perform testing. I'm expecting it to fi

React NPM inefficient regular expression complexity in nth-check

I googled lot about this issue. But could not find this issue belongs to which library? How to fix it? any help will be appreciated

Is it okey to use side effects in the useState hook callback?

Imagine situation: const [value, setValue] = useState(false); const setSomething = (val) => { setValue((prev) => { fn(); dispatch(action); // or an

Error when run in command line "npm install firebase"

C:\Users\user\Desktop\CarInventory>npm install firebase npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: 3d-reac

why can't I export 'combineReducers' (imported as 'combineReducers') was not found in 'react-redux'

Here is my main js code and why combine all reducer cartredux\src\redux\reducers\main.js import {combineReducers} from "react-redux"; import { cartreducer } fr

React error: Each child in a list should have a unique “key” prop [duplicate]

Each child in a list should have a unique "key" prop. Screenshot

I define column index parameter in my arrow function but i can use in my useEffect causes is not define

I define column index parameter in my arrow function but I can use in my useEffect causes is not define! What can I do? useEffect(() => { const resizeOb

how to submit a image with react-firebase-form in firebase?

const [photo,setPhot]=useState('') photo setPhoto(e.target.value)}/> const handleFormOnSubmit=e=>{ updateProfile({photoURL:photo}) const [photo,setPho