Derived State: Fully uncontrolled component with a key

Hi,

In the article You Probably Don't Need Derived State, one of the recommended ways to avoid deriving state from props, is to have "Fully uncontrolled component with a key".

However, there is no way to actually force the user to provide a 'key' property to the component, since declaring it in propTypes as "key: PropTypes.any.isRequired" won't work, because it's value is always 'undefined', which leads to a warning message:

Warning: MyComponent: key is not a prop. Trying to access it will result in undefined being returned. If you need to access the same value within the child component, you should pass it as a different prop.

And without declaring the 'key' prop type, we cannot assume, that the user will use the component in a proper manner.

How to mitigate this?

Commencez par l’article lié « You Probably Don't Need Derived State » et par l’avertissement PropTypes signalé concernant l’accès à key. Déterminez si la documentation doit être clarifiée au sujet des composants entièrement non contrôlés avec une key ; le travail est terminé lorsque l’article explique une solution valide ou documente explicitement la limitation.