Exposing useState setter function to global scope in React

I'm curious if I can do something like this: const[panelActive,setPanelActive]=useState(false);(globalThisasan...

From [Reactdiscussion group] 2023-09-11 09:41:15 0  2  859

Clicking any button will trigger the handleSubmit function in Formik

I want to implement a check form for validating validity in a food ordering project using formik, but I ran in...

From [Reactdiscussion group] 2023-09-10 23:47:25 0  1  503

How to prevent state reset when calling state setter in 3rd party library

I'm trying to convert a React class component into a React function component. There is an onChange function t...

From [Reactdiscussion group] 2023-09-10 22:56:16 0  1  632

Use Formik to reset a form before submitting it

After clicking the submit button, the form is reset before submitting. I have created a form using Formik. I'm...

From [Reactdiscussion group] 2023-09-10 22:06:21 0  1  472

Store form values ​​into array using React

I'm having some problems pushing values ​​from a form to an array that I'm mapping on the screen. constForumTo...

From [Reactdiscussion group] 2023-09-10 19:51:39 0  2  464

Uncaught Firebase error in Promise: Invalid document reference

import{getDocs,collection,query,doc,addDoc}from"firebase/firestore/lite";import{useState}from"r...

From [Reactdiscussion group] 2023-09-10 19:04:52 0  1  588

Title rewritten as: Variables are not updated when using useState() hook

I'm working on a social network project using React. I want to replace a component from a class component to a...

From [Reactdiscussion group] 2023-09-10 18:43:16 0  1  575

Clone functional components in React

I'm trying to modify and clone the child elements of a component I'm creating and recently noticed that my chi...

From [Reactdiscussion group] 2023-09-10 17:44:34 0  1  493

Conditional rendering issue: Login/logout buttons not working properly in React

I'm developing a React app and I need to conditionally render a "Login" or "Logout" button...

From [Reactdiscussion group] 2023-09-10 16:25:19 0  1  539

Compare two HTML texts and mark differences

I want to mark the difference between two html texts, I found a solution, everything works as expected (delete...

From [Reactdiscussion group] 2023-09-10 14:19:08 0  1  550

You may encounter an undefined condition when using an enum to index optional properties

I'm trying to implement an optional style override for my style component. Currently I have this: This is a fu...

From [Reactdiscussion group] 2023-09-10 14:07:23 0  1  517

React input boolean value in default value

I have a controlled checkbox input and I am supposed to set default value on request but I am getting error &q...

From [Reactdiscussion group] 2023-09-10 14:11:36 0  1  512

Error when handling function component as react object: object is not a valid React child element (found: object with key)

I'm trying to render an Alert component, which should render when a prop is passed to it from the parent compo...

From [Reactdiscussion group] 2023-09-10 11:59:55 0  1  662

Title rewritten as: Component is turning controlled input into uncontrolled input

I'm building a website with a React frontend using GraphQL and Apollo. I created a page where the website admi...

From [Reactdiscussion group] 2023-09-10 11:52:04 0  1  669

Rerunning useEffect: Guidelines after submitting a function

Hello everyone! In my project I execute a function in useeffect that gets data, but when I add a new element t...

From [Reactdiscussion group] 2023-09-10 11:06:03 0  2  598