Discussion on: The most common mistakes when using React

[Victor Cordeiro Costa]

I found an error on the second code snipped. You passed the idx as a parameter, but you used the id instead.

The corrected code...

    const updateFeaturesList = (e, id) => {
      const { checked } = e.target;
      setListFeatures(features => {
        return features.map((feature, index) => {
          if (id === index) {
            feature = { ...feature, checked };
          }
          return feature;
        });
      });
    };

It is just a minor thing, though

[Alex K.]

A sharp eyed reader! :) Thank you, I'll fix it :)

[Victor Cordeiro Costa]

Hehehe, thank you!
By the way, Great post!!
I am learning React from scratch right now and this was in particular useful! <3

[Alex K.]

Thank you and good luck! :) Be sure to also check the official documentation, it has more details about the points I mentioned.