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?

リンクされている「You Probably Don't Need Derived State」の記事と、key へのアクセスに関して報告されている PropTypes 警告から始めてください。key を持つ完全に非制御のコンポーネントについて、ドキュメントに明確化が必要かどうかを判断してください。完了の条件は、記事で有効な回避策を説明するか、制限事項を明示的にドキュメント化することです。