How to refactor the if else code using typescript and react?

Question

i want to refactor the below ifelse code

below is my code,

const toggle = React.useCallback(
    async (itemId: string) => {
        if (isDrawing && editItemId === itemId) {
            cancelDrawing();
        } else if (isDrawing) {
            cancel();
            itemId && startDrawing(itemId);
        } else {
            itemId && startDrawing(itemId);
        }
    }
);

could someone help me with this. thanks.

Baruch Mashasha · Accepted Answer · 2020-08-21 13:58:59Z

1

if(isDrawing || editItemId === itemID) {
            cancelDrawing();
            itemId && startDrawing(itemId);
} else {
            itemId && startDrawing(itemId);
}

edited Aug 21, 2020 at 13:58

answered Aug 21, 2020 at 13:21

Baruch Mashasha

9872 gold badges13 silver badges30 bronze badges

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

Comments

andsilver · Accepted Answer · 2020-08-21 13:20:26Z

0

It looks you call cancelDrawing only when isDrawing is truthy?

const toggleDrawing = React.useCallback(
    async (itemId: string | null) => {
        isDrawing && cancelDrawing();
        itemId && (editItemId !== itemId) && startDrawing(itemId);
    }
);

answered Aug 21, 2020 at 13:20

andsilver

6,0323 gold badges22 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to refactor the if else code using typescript and react?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related