Category "reactjs"

Select products indiviudally in react js

the component holds a bootstrap cart inside and my button is rendered inside that cart to be specific. how to edit each one of the buttons individually enter im

How to type unique letters only in input text box in html or react?

I want to create an input box that allows to type only a distinct alphabet letter in the input box ( No duplicate alphabet value, ONLY ONE) I looked up all the

How to add styles to individual elements in react using e.target, when a button is clicked?

I am trying to add styles to the inidividual elements. I want when an individual div( is clicked to make sure that the paragraph of the specific changes from d

How to search for item in a list from MongoDB in react js?

I want to make a website where all my data come from MongoDB by fetch. In the search button, I want to get a single item by clicking the search button.

Material UI DropDown Focus Remove

I want to remove the focus background color for the target dropdown <Dropdown options={branding} fullWidth id

Prevent multiple fast clicks from triggering API

For my project a instagram-clone, I have a like and dislike button. If there are no likes or dislikes from the current logged in user, both will show black. If

Delay STATE change in React

I'm writing a website. It's a website that uses and fetches data from a stock API to displays stock prices and charts. I have a search bar which changes state w

setInterval freezes react app after some time (couple days)

I have a react app (nextjs) and show a QR code that refreshes itself every 5 seconds and a clock which updates every 1 second. Further, I have added service-wor

How can I align my text and put the button on the extrem right of my gray bar?

how can I display my Invitee2 a bit upper in my gray bar ? And for my button how can I put it on the extrem right side of my gray bar ? <div className="bg-gr

Rebinding the react html input values after API call

I am using two inputs with their respective buttons, whenever I click button1 of the input1 the API is called which returns the text that should be bind to seco

Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.]

i think the error is from the checkout screen but i just cant find the '<' which is make believe that the error origin is from node_modules can anyone find t

MQTT instead of wss on browser

When I run this code with nodejs, it works fine both on wss(code commented) and mqtts protocol. However if I run this on browser, it only works with wss. I trie

React router : update props

I am new to react, I have a component UpdateInvoice which has as props idInvoice and a boolean isNew. this component do two things if isNew is true the componen

React - Navigating between urls without page loading

I am building a website using react. I have a url http://0.0.0.0:9000/courseware/course/6/content/programming/issues/lab/1 which shows a list of issues belongin

How to pass redux props to styled component in react typescript

i'm pretty new to typescript and there's something that is not very clear to me. I'm trying to pass a prop to styled-component file, the prop arrive from redux

Gatsby changes/removes components className after build

I tried to add floating bar to the website. And i have a Layout component that used on every page. The Layout component has some navigation logic, graphQL query

Hello, so im using localstorage to store my input data from tags created. so i have multiple input fields,

So basically the issue i'm having is: For every user, lets say theres tom and daniel, with different details each, with an input bar to add tags. So if i add tw

session changes are losing when request ends in react and nodejs

Hi am trying to implement authentication using node js sessions in file mainLoginArea.js i am calling a function goButtonClicked which helps user to sign in by

onCallback for event handler [duplicate]

Given the input <input ref={inputRef} className={styles.input} onBlur={handleDoneChange} type='text' value={newValue}

React flick when switching between pages

So I went through a lot of these questions here on stackoverflow but I couldn't find solution for me / or I wasn't able to implement one for me. I hope you can