React call a function after another onClick

Question

I have onClick event, that is a trigger for couple functions. FunctionsetRcomForApi(rcom) sets valuesip1, port1 for function getApiVersion(ip1, port1). The problem is - on first click ip1, port1 are undefined. I've tried to use callback - but it didn't work...

 const onClick = () => {
        setIndexPpk(index);
        setRcomForApi(rcom);   //sets ip1 and port1 in Context State.    
        getApiVersion(ip1, port1);  // on first click both undefined          
    };

Have you tried using a Promise ? Also, are ip1, port1 both stateful values? — GBWDev
– GBWDev, Commented Mar 3, 2020 at 12:29
Simply add a condition to check if needed would be good enough — keikai
– keikai, Commented Mar 3, 2020 at 12:38

nbsamurai · Accepted Answer · 2020-03-03 12:38:07Z

1

This is because setRcomForApi(rcom) is asynchronous. So you need to use an useEffect to check for changes in values of ip1 and port1

 useEffect(() => {
if(ip1 && port1) {
    getApiVersion(ip1, port1);
}
}, [ip1, port1]);

answered Mar 3, 2020 at 12:38

nbsamurai

3465 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React call a function after another onClick

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related