Category "reactjs"

How can I rerender only one item in a flatlist?

I have products with a star icon to add this product in wishlist. I map 10 list of products and each map has 3 products like: (I Map it in Pagerview to swipe to

npx create-react-app my-app ERROR "In most cases you are behind a proxy..."

Error when using npx create-react-app my-app. I'm new in node and react and I'm trying to create my first react app. I seem to have fairly good internet connect

next.js .env.local - process.env keys missing when referenced with a string [duplicate]

I have a lot of values inside a .env.local file. NEXT_PUBLIC_GA_ID = myvariablevalue I wrote a function that checks if these are present: exp

how to replace a single key value pair from an object in react.js

I have a single object of with key value pair, and i need to replace the first key value pair with a new key value in react.js. I have tried to make immutable p

Client side state is not hydrated from server on page reload

The client-side state is not hydrated from the server after creating a new store CodeSandBox Link - https://codesandbox.io/s/vibrant-aryabhata-l29r2b Steps to r

How do I get html response from axios?

I want to run some html parsing on a page.I want to know if I can get the whole html page source code as a response. I think I will be using node-html-parser np

React Native CLI hide status bar in landscape mode

I have a problem, how can I hide a status bar in landscape mode? In portrait mode its works. I'm hiding the status bar by either: <StatusBar hidden={true} /&

Custom domain name for github pages only works for homepage, all other 404

I just linked a custom domain I got from google domains to a github pages react app. Currentely, when I go to the custom domain, the homepage of the website wor

Multiple re-renders when using react as content script

I'm currently learning how to develop chrome extension using React. However, i'm stuck with an issue where react re-renders like 3 times even with a very basic

404 errors while hosting multi page react app on gh-pages

I want to host a multi-page react app on gh-pages. I've got links to different pages on my navbar, it routes properly to the links on homepage. But for differen

what is the easiest way to refresh the form in react without 'using react hook form' right after submission?

I created a form with html5 in react app but did not find any simple way to clear all input field with clicking the submit button. So I wrote a function and wri

How To Build React App Through Gradle Task

I am a new in gradle task creation.I am using Spring application as backend and in frontend I am using React App.So now My question is how can I build react app

Styling Scrollbar of the modal inside reactjs-popup

I have a reactjs-popup inside my CustomPopup functional component: function CustomPopup({setFalse, item}){return(<Popup open={true} onClose={() => {setFal

Uploading multiple content to Cloudinary React js

I'm building this website where users can sometimes upload one audio or one image and sometimes both at the same time to cloudinary. I'm able to upload from the

Type for useRef when used with setInterval/clearInterval [react-typescript]

I am setting up a useRef object to hold a NodeJS.Timeout component, the return type of setInterval(). When I use that later in clearInterval, I get an error (sh

Submit data to database using Inertia/React in Laravel

I have a form that is supposed to submit order details to the orders table through a custom select element (headlessUI Combobox). The element works fine but I c

vulnerabilities error while installing via NPM, ( npm audit fix ) also not working

I was working on a react project and wanted to install react-icons so run npm install react-icons in the command prompt. but after a while it throws these error

Form Validation not working using react and StepWizard

Can someone explain why this validation is not working properly? When I click the submit button I should check to see if the field is empty, if it is it should

React Native Debugger uses wrong version of react-devtools

Trying to debug apps with React Native Debugger. Shows "Unsupported DevTools backend version". How I got here I created a new app using expo init ([email protected]

Why am i getting blank page output?

The output should be a page where these are written line by line Navbar Header About Work Skills Testimonial Footer But i am getting a blank page. I have done e