First time asking. Thanks in advance, hope I explain my problem properly. A few weeks ago I started working with MERN stack and my problem appeared while trying to build a form where users could see/update their personal info. To achieve this, I implemented a useEffect hook that gets the current user´s personal info through… Read More React useReducer hook does not let me change input values of user information form

I store the input data in an object and send it to parent comp App.js, I want to create a list every time the user submits the form containing that object data in an array and the list keeps adding data. AddUserForm.js export default function AddUserForm({addedUser}) { const [name, setName] = useState(”); const [email, setEmail]… Read More React: Receive object data from Form Input and add list in an array

I’m working on a SignUp Form, I’m trying to fetch the data entered by the user but for some reason I’m getting just null values, like the next example: So, for the task I’m using two components, Signup and Input, the bellow code is from Signup.js: import React, { useContext, useState, useRef } from "react";… Read More React Form: fetching data entered by user

I have create two states for my input elements and used onChange to manipulate their state. Why do I get this error even when I have declared the variables in a destructured array? Can someone explain to me what I am doing wrong please import { React, useState } from ‘react’ export const AddTransaction =… Read More React App crashes giving as useState input give an undefined error

I used React Hooks Form library for my project. But I can’t able to reset after submitting data. Below, I have added my code. const AddItem = () => { const { register, handleSubmit } = useForm(); const onSubmit = (data) =>{ const url = `http://localhost:5000/products`; fetch(url,{ method: ‘POST’, headers: { ‘content-type’: ‘application/json’ }, body:… Read More How can i reset react form all input field?

I have a set of select menus and I need to find out the values for all of them when I reset them using reset buttons. The problem is this only works on change event for options and I can’t make it work on reset buttons on the first click as it doesn’t detect the… Read More Get value of select menus when clicking reset button React

I’m working on a form where some additional inputs will be shown based on the value of select. The value of select changes on selecting a different option, but the "numberOfUsers" text field does not become visible. I can see the changed value being printed on the console. Yes is printed on selecting first option… Read More ReactJs : Show or hide input fields based on select value