Category "react-component"

React Material UI v5 TypeScript extend component type

How to extend MUI component type with props and add extra props with minimum imported stuff? If possible without giving types to props, only to component itself

Concat string with html element in react

This might give a better idea, replace in paragraph, ' ==> " and highlight it for (let i=0; i<orgString.length;i++) { changeVal.push("color:#" + Mat

Having issue while creating D3.js charts as React components

I am very new to React, but I was trying to use React and D3.js for a data visualization web dashboard. I wanted to create D3.js charts as reusable React compon

Having issue while creating D3.js charts as React components

I am very new to React, but I was trying to use React and D3.js for a data visualization web dashboard. I wanted to create D3.js charts as reusable React compon

React router component not destroying when user leaves the page

I have a video player (jsmpeg player) that opens up a websocket to a server to play live video. The way the video server works is that it counts the number of c

Difference between `ref` and `innerRef` in ReactJS

I am using two class components where I have a method that I am invoking from the parent component. and for this reason, I have to create two references using R

I have an <Add /> component that is called in two different pages, but only one of them is receiving the add count prop passed to it in React JS

Please help me understand why this logic is not working on one of the instances of my counter button. My goal is to have my counter display the count like this:

Create helper function for a (click handler) function to reuse in multiple React components

For a 'back' button I've created below (onClick) handler function in my React app. const { length: historyLength, goBack, replace } = useHistory(); const h

React-Beautiful-DnD: Invariant failed: provided.innerRef has not been provided with a HTMLElement

I was following the tutorial but I unexpectedly got this error, does anyone see what is going on? Here is the full error: react_devtools_backend.js:2557 react-

How to customise React AsyncSelect style

I am trying to customise the style of AsyncSelect component, but seems not able to do it. import AsyncSelect from 'react-select/async'; <AsyncSelect classN

How to change default component name while importing in react native?

I want to import a component named "Create" while importing I want to change its name. But I cannot change the component name as I export the "Create" component