Category "reactjs"

Use react-ace diff component cannot showing the diff change

I want to show the different change between two side contents, but the results are not showing what I expect them to. No changes are showing. The version I am

Why isn't my React context being updated?

When I use the app and navigate to the SetContext component, I see the value of auth is correct ("dummy value") and after entering a value in the edit field and

Not able to load image using img element in ReactJS

Api: http://api.openweathermap.org/data/2.5/weather?q=Canberra,Australia&appid=8d2de98e089f1c28e1a22fc19a24ef04&units=metric Image Source I want to load

Is there a way to handle number inputs instead of string with React Native?

I have a react context state for my multi form input values: const [formValues, setFormValues] = useState({ sex: "male", unitSystem: "metric", hei

How can I remove the last comma from a map?

I have, { mydata.map(({ name }) => ( <p style = {{ display: "inline" }} > { " " } { name }, </p>)) } How can I remove the last c

Cursor is going at the start automatically in contentEditable

I am creating a website builder. For Text edit, I m using contentEditable and to capture its state I m using the onInput event. but I don't know why every time

Material-UI: Restrict specific special characters in TextField

How can I put a validation or not allow to enter the following special characters [^%<>\\$'"] on the Material-UI TextField. Below are my existing codes. c

How to implement the ant dropdown select in cypress

I have an application developed using ant design ( React JS ), and I started integrating the cypress e2e test for the application. However, I could not get it t

react-video-js-player "No compatible source was found for this media"

I am working on a product that takes a file from API and read as a blob. But pressing the play button on the video does not work. I have tried using tried using

React + Webpack5 app experiencing a 'buffer not defined' error

I created a react app via npx create-react-app my-app and got several compile errors about module support. I know webpack5 does not support some modules automat

When I try to install material ui icon dependency face this error

npm i @material-ui/icons npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected]

Are HTTP query string parameters and form field names containing dot (`.`) discouraged or prohibited in modern Web development?

I created a HTTP API endpoint for searching a database, it is used like this GET /orders?created_by.name=John&delivery_estimate.start=2022-06-01 Our web fr

React Transition Group: How to pass ref to mapped component to avoid Warning: findDOMNode is deprecated in StrictMode (still not working)

I am using "React Transition Group" ver 4.4.2 to animate menu buttons (CSSTransitions mapped inside TransitionGroup), but when I click them ones or a couple of

i18next/i18n Change Language not working with the whole website

I'm doing a react-typescript app where I need to be able to translate the site. I'm using the i18next library. In the main page the user can change the language

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

Apollo reactive variables - how to mock value of the variables into a component during testing

I need some help. I'm a newbie in apollo client reactive variables. There is a component where the displaying of the message depends on a variable that values f

React, typescript: Wrapping text inside table <td> doesn't work

I'd like to wrap the text inside a table cell. I tried "flex-wrap", "break-inside" and similar properties, nothing has worked so far. It has already worked a fe

React Table filtering data fetched from API

I am working with the react-table. Using data from API then storing into the state. I don't have a good idea for filtering data. I have a table with pagination,

React Uncaught ReferenceError: process is not defined

I am getting issues with iframe. Till today everything was working as expected. Today I added a very simple Modal component and somehow iframe started appearing

Module '"react"' has no exported member 'SuspenseList'. TS2305

I'm trying to learn some of the new features in React 18, such as the SuspenseList and new useId hook, but I seem to be getting the same error over and over: Mo