Why does React not delete the required component but deletes the last sibling?

Sattwik Sahu — Tue, 06 Jul 2021 08:52:41 +0000

Here is a similar sandbox. To reproduce the problem:

Create child objects by clicking "+" button

Name the children differently by typing in the textfield

Try to delete a child that is not the last child

Instead of the child which you want to delete, the last child will be deleted

When I try to debug in React DevTools, the element of state.children that I want to delete is deleted, but it still shows up in the front end.
e.g. When there are child nodes with indices 0..4, I press delete on the component with index 2; In React DevTools, the component with index 2 gets deleted, but it deletes component with index 4 in the front-end

JS / TS?

Sattwik Sahu — Mon, 10 Aug 2020 04:22:02 +0000

JavaScript and TypeScript are both popular languages for web Devs. TypeScript allows you to include types in your script, something like Java I guess. So is it worth learning TypeScript or is JavaScript enough? Does one have perks over the other and how?

DEV Community: Sattwik Sahu

Why does React not delete the required component but deletes the last sibling?

JS / TS?