Let's say i have this component,  export default function Xyz(props) {    ... }  If i use object destructing,  export default function Xyz({x, y, z}) {    ... }   I want know that if i use the destructing method for every method for every functio...

I'm new to React, I'm trying to learn React function Component state. I was wondering why we need to do onClick={() => setCount(count + 1)} instead of onClick={setCount(count + 1)}  import React, {useState} from 'react';  function...

import  { useEffect } from "react";  export const Routes = () => {   useEffect(() => {     console.log("red")   }, []);    const a = [{ name: "sathish" }];   const b = [{ name: "pandi" }];   const c = [{ name: &#...

I am trying to create a dynamic input form where user can add new inputs.  Problem  The component is not rendering when State is updated but when i open a Model that exists in the same component that is using a State to open/close it, all pushed elem...

Im wondering how I can call a method from outside of a React Functional Component. I wrote the function GetUsedLockers() which gets all the used lockers and returns amount. Now I want to call this function from another another component (OrgLocker.ts...

I have following code:  function MyComponent( props ) {     let arrSize = 5;     const [arr, setArr] = useState( () => {         let initial = new Array(arrSize);         for(let i=0; i<arrSize; i++) initial.push({ foo: 'foo', bar: '...

I am trying to follow the react tutorial on their official site: https://reactjs.org/tutorial/tutorial.html  Only difference is I am trying to implement it by only using functional components, here is my code on code pen:     See the Pen    React tut...

i am using react functional components (infact learning hooks ), so i am facing one issue when calling a function with in another function  here is my code   my functional component      const LiteraryPage = props => {       if (Object.keys(mainDa...

So I have a hook that takes the input field value on change and sets the variable.   Update  HooksLib.js   import { useState } from "react";  export function useFormFields(initialState) {   const [fields, setValues] = useState(initialState);...

I have a functional component (written in Typescript) that needs to pass a handler function down to a child component. Here is a scaled down version of the parent function:  type Props = { handleLocationChange(): void };  const Sidebar: React.FC<P...