Hook Questions

My code is like that const [component, setcomponent ] = usestate( ? ) what will be the initial value for

I'd like to chain the two functions used below together to improve the experience of our mobile users. first the updateselectedvalue

I have following hook: const [texttofront, settexttofront] = usestate(''); when i call

Inside useeffect(), i am requesting data from a server using a fetch() call. upon receipt of the data i am attempting to modify a hook i

How do i create a state array with react hooks? i am passing a type i used this method but it's showing me lint error. i also want to know it's

I have a displayer component implemented by react hook. the displayer component receives a set of records by property named 'rows'. it has two

Im using this package to add credit cards to

How can i add an event listener to the ref using reactjs hooks (version 16.8. +)? here is an example where

I have a problem with the re-rendering react component when i call usestate() hook inside image.onload(). i'm expecting

I'm creating a new form with react and one of the inputs is a material ui input. the form works great, but the console shows a missing name

Everybody, i currently have the problem that the state in a handler function is not updated. i have already tried to solve the problem

I'm trying to use react-hook-form library to validate a form. when i render view using ant design or material ui, it does not work correctly.

I am trying to fetch data from an api which should return a json object with an array of recipes. i am using react hooks on the front end and

Here is an example of code with an input field that is inserted as a component, each change in the input field loses focus. it seems that when you

I'm trying to update my state, i have the following one: const [values, setvalues] = usestate({ examplevalue: 280.0 });

I'm newbie for react maybe for english too. how can i redirect after form submitted ? function test() { const { register,

I am a little bit confused with using usestate() hook in react. i want to store some data in component state, for example values from form - name,

I'm using hook in react and i see this warning in my console, i search google but did not find best solution can any one tell me why this warning

React published a nice custom hook example

I have this react stateless component, the first useeffect should run after the component loads, the second one when i scroll the page, to

I use react hooks to update, but notice error when setstate. argument of type '{ alertrules: any; }' is not assignable to

I am trying to implement a useeffect callback to dispatch an action before unmounting a component. the point of this action is to store the last

Import react, { usestate } from "react"; export default function empinfo() { const [url, seturl] = usestate(

Python interpreter: 3.7 python library: pywinhook

There are two child components (l1 and l2). both render text and a button. when the button in l1 gets pressed it changes the text of l1 (works

I have a question, i want to add this command line: cell: ({ row }) => <a

I'm using context and react router. when i created my context and wrapped my components, nothing rendered. when i check the console, i can see the

I'm trying to get information from redux but this error happen and i dont know how could i fix it. that's my first time with react and react

I have the following hoc component providing firebase to my component: import react from 'react' const firebasecontext =

I want to make custom hook that will skip first useeffect render and reuse it everywhere. i made a working example of custom hook:

I have built a react component api that i would like to test. the api is independent of the react usestate hook for testing purposes. as such, my

My user state const [user, setuser] = usestate({}); fetch function

I want to fetch an array from the backend using a provider, context and useeffect: import react, {usestate, useeffect} from

State const [user, setuser] = usestate({}); checkifuserisenabled()

I have an array of values which are set in state to a boolean. i need to loop through the array and set each value to the payload (true). the code

I am new to react hooks and as i read in docs useeffect runs on every update of component and on first render also (so it is

This is my first time working with react js , im trying to remove the alert when leaving this view cause i don't want to show it on the other view

Trying to update state variable('visible') via internal function(setvisible) in component. i checked the

I'm trying out using react hooks where in a component that i previously have as class based. the component looks like this: class

I have just started using typescript with react. i tried using it with react usereducer hook but i am stuck because of a weird error. here

Loadgreeting () is not caused by another time when changes props.currentstore const [loadgreeting, { called, loading, data }] =

I gather that the useeffect hook is run after every render, if provided with an empty dependency array:

I want to do this useeffect(() => { if (!datasetsstate.list.length) { dispatch({ type: datasetsactiontypes.fetch,

I have a crud functionality in my react application using hooks and es6. i'm using antdesign list component as well. in my add function, after

The first rule of hooks is to only call hooks at the top level, i.e. "don’t call hooks inside loops, conditions, or nested functions". the docs

I keep encountering an infinity loop when trying to use the useeffect hook to fetch and set data. ive tried 3 variations of the hook and they all

I prepared small demo for the problem:

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

I have a useapi custom hook, that takes an endpoint (url) with multiple parameters. when one of the parameters changes a graph is rendered. the

I'm new to react, and i'm querying the graphql endpoint and sending it a json object. i have a file called service.jsx with a functional component

Background: i am rendering a dynamic list of collapsible elements. the open/close state of the collapse is stored in a

We want to post multiple files in parallel and display upload progress. our first attempt to solve it was to use setstate and the previous

I am trying to implement usestate in react and i am getting erroe invalid hook call. hooks can only be called inside of the

Import movie from './movie'; import axios from 'axios'; import yargsparser from 'yargs-parser'; function app() { const [isloading,

I'm having this react functional component. we know that since v16.8, functional component has kind of "state". it uses useeffect to "setstate" to

I've got a problem with infinite loop inside useeffect. i want to make new request only when id dependency changes. when i not pass

I'm wondering what is the correct way and best practice to clear timeouts/intervals when using react hooks. for example i have the following

I'm trying to convert a class component, which is a gatsby layout component, to a functional component using react hooks to manage state. my goal

I've got a question about useeffect and usestate inside of it. i am building a component: const [id,

I have following code: function mycomponent( props ) { let arrsize = 5; const [arr, setarr] = usestate( () => {

I implemented areachart from recharts on my app like this: import react from 'react'; import { areachart, area, xaxis,

In a react-native project i'm using react-native-camera-roll-picker. the idea is that a user selects an image and the header changes

I am trying to store an array of objects using the usestate hook but cannot get the syntax for describing the type it is expecting.

I have this ts code, and i want to make that part to be also typed : const { data: { person, car, another } }: any =

I want to split an array into two arrays. the problem is main array which i want to split into two is coming from server.and i need to

I am new to reactjs and working with hooks. i want to set state for object. here is my code: const startpage = (props)=> {

I have problems with using redux saga with react hooks. it clearly states that useselector() will subscribe to the redux store, and run the

I have case as shown in images below - my function accepts options in form of object with one of arguments being transform function.

I'm creating a search input with a submit button and a clear button. when submit button is clicked, it will trigger a search request with

I want to add an object to an array in react using hooks, i'm doing a chat, and i want to add a new message to the array of messages, i

Const comp1 = forwardref((props, ref) => { useimperativehandle(ref, () => ({ print: () => { console.log('comp1')

When i want use value={templogin.login} i can't type in my input . what did i do wrong ? i don't see mistakes in event,object and

I'm working on a react web app, and i'm trying to loop a list of objects and output the content to another hook, see below for details.

Is there a way to modify query response data before it is saved in the internal cache? i'm using apollo hooks, but this question is relevant to

I've defined the initial value for the input fields in usestate hook, here is the code: const [name, setname] =

Example in my scenario i have a sidebar with filters.. each filter is created by a hook: const filters =

I'm trying to create a component that tests english vocabulary. basically, there are 4 options with 1 correct. when user chooses option,

Let's say we have a tile grid with the follow behavior: there's a button for adding a tile. the tile will decide if it should be a

While attempting to use react hooks in nextjs i continue to receive the following error: hooks can only be called inside

I'm trying to update automatically my submodule located in var/www/php/vendor/projectx at each commit to the var/www

I have a function (react hook): function usehandles<tpreparedvalues, tvalues>({ onreject, makedata, }:

Can we dynamically import hooks based on the value passed to the component? for eg. app.js <basecomponent

I have a modal displayed after a register user and i would like it to disappear after a few seconds with a redirect as i write above i use

I cannot use array methods on an array of objects. the shellsarray logs out (6) [{…}, {…}, {…}, {…}, {…}, {…}] in the

I am trying to create a simple antd form but dont know how to make the getfielddecorator to work with my react function. how do i translate

I am creating a page for user to update personal data with react-hook-form. once paged is loaded, i use useeffect to fetch the user's

I would like to hook for all available element events in one call. some thing like this: elem.addhandler(anyroutedevent,

I have a reset button in my app that resets a few variables of my functional component: const [selecteditem, setselecteditem] =

I'm a java developer working on a react prototype and stuck trying to retrieve the id property from the selected dropdown item, which we then

I am using an array of objects to loop some services in my webpage. the data is data.js

I set my marinalist new value. i can access marinalist state in getmarinalist function. but when i try access marinalist state in

I am attempting to load my register component when a button is clicked in my login component using usenavigate hook but when i add

I am using a <navlink /> to direct navigation to a specific component. i am thinking this is the problem - but the problem

Before i do a small release and tag it, i'd like to update the package.json to reflect the new version of the program. is there a way to

I have this code // snackbar.js import { isstring } from 'lodash'; import { usecallback, usememo, usestate } from 'react'; import

I'm running in a windows environment with trac / svn and i want commits to the repository to integrate to trac and close the bugs that were noted

I am trying to set timeout to api petition in case i get some error using get, then loader keeps running for at least 3 seconds to

I have a custom hook for fetching data from the server. it takes 3 parameters, which are pagenumber, pagesize, and keyword. i understand if i set

When i am printing console.log(response.data) in console below output is coming.

I have a form that it needs to create the item "post" with a unique id, title, author and content. something like this: {