Category "reactjs"

disable other buttons using e.target.id

I have ten expansion panels. on click of one button in one expansion panel I need to disable other buttons in other expansion panel but the problem is when I tr

Styled Components Folder System

I've been reading various articles on styled-components in React. One such article suggested using presentation and structure components, but on the styled-comp

As I set HTTPS=true in package.json I get an error

I am trying to run my react application in secure mode but as soon as I set HTTPS as true in package.json I get the following error. The app works just fine in

Path base routing - react Children route not working

Children routing not loading. I have following configuration in .htaccess file RewriteEngine On RewriteBase %{ENV:REACT_APP_SUBPATH}/ RewriteCond %{REQUEST_FILE

How to create a path drawing algorithm to display specific landmarks of a face mesh in Landmark Detection with Tensorflow.JS and React?

I have currently implemented a version of this tutorial: Real Time AI Face Landmark Detection in 20 Minutes with Tensorflow.JS and React It demonstrates how to

How to exclude a page in react app which is using aws amplify authenticator

I am trying to exclude one single page from amplify authenticator that I am using in my react app, but till now I haven't found any way to do so.I have tried wi

How to convert these inline style in html into react?

Hi Inside the html people use these kind of styles to animate. I am actually following the pen from alphadex Link. I never see this kind of writing in HTML befo

can't resolve module inside subdirectory typescript

The module arrayGenerator.ts lies inside a subfolder, it works fine for other modules(Array.ts) inside the parent folder. But when I add a new module Sorting.ts

How to enable import assertions for Babel?

In my React app I want to use import assertion: import data from "./json/clients-m.json" assert { type: "json" } However, I get the following error: ERROR in

React-admin keep form data after create view submit

In a react-admin Create form, is there a way to keep whatever info the user typed into the form to stay on the screen after the user clicks Save? I want to re-u

Can't stringify an array-of-objects variable in react project

As you can see in the picture, steppedJobDataState is not empty. But x = stringified steppedJobDataState, and yet logging that shows an empty set of arrays. I'm

How can I 'not allow' the user to retrieve same information from the server multiple times in my 'React' Weather-app?

I'm learning React and as a practice I'm building a weather-app. My App Photo Everything is ok. but I want When a User type a City name for example 'London' and

ASP.NET Core Web API CORS error on Firefox but okay on Chrome

I have a React and ASP.NET Core 2.2 SPA that has a CORS issue with Firefox but is okay in Chrome and Edge. I've created a little test rig that consists of the A

Error in my react app file - module not found can't resolve

Error: Compiled with problems:X ERROR in ./src/App.js 8:0-63 Module not found: Error: Can't resolve '.src/components/NewsCards/NewsCards.js' in '/Users/admin/

Type 'Dispatch<SetStateAction<any[]>>' is not assignable to type '(values?: string) => void'

I'm very new to typescipt and trying to make a basic pin-input page. Sandbox link for my code . Although it is working, I'm getting this error for onChange func

Dynamically adjust ImageList columns based on screen size?

I've tried using ImageList component instead of Grid as I just need a grid of photos with titles and it seems to be the whole point of ImageList. My issue is th

How to apply createEntityAdapter to createApi slice

I have implemented successfully a redux-toolkit api. Now Im trying to use createEntityAdapter to be able to use the pre-built selector methods. import { creat

material-ui v4.0.1 warning "Expected an element that can hold a ref"

I upgraded to material-ui v4.0.1 and I see that Modals now require a forwarded ref. I'm having some trouble implementing a fix for this using class components a

Ant design - How do i auto close select ("tags" or "multiple" mode) dropdown after each selection?

I'm using ant.design select component ("tags" or "multiple" mode) in a page, i want dropdown to be automatically closes after each selection. Now it remains ope

API Platform / React - uploading file not working

I'm trying to send an image to my API with React using a formData and Axios but my request in my custom controller shows null. When I use PostMan my api accepts