Category "use-state"

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

(MUI v5) (Nested Modal) Both parent and child modal die at the same time

I have simulate my issue in codesandbox: https://codesandbox.io/s/trusting-babbage-ovj2we?file=/src/App.js I have create a nested modal, when the parent modal i

how to switch between inputs in converter app in react?

I built a celsius(as input) to fahrenheit(as output) conveter with react But I want to switch between celsius and fahrenheit as input and output I mean when I c

Dynamically add circles to react leaflet with blockchain

I have read this post which partly answers my question, but my problem is the infinite loop that the provider.on method creates with setData(_data). I simply wa

My React component is re-rendering, cannot figure out why

I'm building a React App with Firebase and my component is constantly re-rendering. I tried some things that didn't work (because they couldn't work, like setti

Lazy initial state - What it is and how to use it?

I am new to react Hooks. Am trying to make use of useState in my code. While I was using it I found a term "Lazy initial state" https://reactjs.org/docs/hooks-

Why are state values ​returning undefined? with reactjs

const [value, setValue]=useState(); useEffect(() => { authService.getAddr().then((response) => { setndata(response.data); }, (error)

Différence between only one state for variables or state for every one in react

If i'm having 3 variables to handle with useState in react is doing this: const [ user , setUser ] = useState({ name : '', phone : '', age : '' }) setUser({...

i want to add 2 data(may be 1) object in an array where array is a state of react

So here is my query, this is a small part of my code that is relevant to the question I want 3 input fields for different data input from users as in case the u

How to measure the height of a child and pass it to a parent in React?

I want to calculate the height of a component and send it to its parent when the page is loaded and resized. I'm using the below reusable Hook to successfully m

Filter is not a function using React UseEffect of a data from MongoDB

I am working on a MERN ecommerce stack application. I have an API that returns all the Products I have from my MongoDB. I have attached a console log of the pro

ReactJS useState hook: Can I update array of objects using the state variable itself?

I have: const [list, setList] = useState([]); Somewhere in the component, I want to do: list[index][someKey] = some_updated_value; setList(list); Is this

getting error "TypeError: Cannot read properties of null (reading 'useState')" on useState usage react

So I'm trying to use useState in my nextjs app, but as soon as I add in the line of code to initialize useState it throws a popup error with the error message:

How to independently set a button click in react?

I am trying to figure out on how to set a button that can independently be disabled when using the .map function. So I created a state whenever the button is cl

Playing background music in a React app using Howler

So im using Howler to play background music when my React app is loaded. So I store ID of the instance of Howler(i.e is responsible for background music) using

want the app to save state separately according to each user in react native

I have a app that conducts a test and when the currently logged in user passes the test, the app shows a modal telling him that he has passed the test. I want t

React difference of using value in state vs value in object in state

I am getting different behaviour depending on whether I am using a boolvalue on with useState, or whether I am using a bool value inside an object with useState

How can I update the value from the database in React

When I edit the form here, I need to show the value in the database. so how can i get this value const dataValue = ndata.filter((obj) => obj._id === dataid )

Setting state in useEffect hook does not change state value

am writing an app in react native and i got a problem with useState and useEffect hooks. I would like to change increment state value by one every 10 seconds. H

state is not getting updated for a new user in react native

My app has a test sheet, if a user passes the test he is shown a passing screen and then the state is saved using asyncstorage. But the problem here is, let's s