【React】Error: Objects are not valid as a React child (found: object with keys {label, value}). If you meant to render a collection of children, use an array instead.

エラー対応の個人的な備忘録です。

やりたいこと

• DOM要素をループさせて、リスト表示させたい

エラーメッセージ

Error: Objects are not valid as a React child (found: object with keys {label, value}). 
If you meant to render a collection of children, use an array instead.

原因

• オブジェクトそのものを表示しようとしたため、エラーになった
• リファクタ時に分割代入していた箇所が漏れてしまい、表示時にオブジェクトそのものになってしまっていた

解決方法

• {obj} ではなく {obj.title} で表示するようにする