this.props.children.mapが機能しないのはなぜですか？

Question

他のいくつかのコンポーネントでこのコードを記述しましたが、なぜこれが機能しないのか理解できません。

{
    this.props.children.map(function(child) {
        return <li>{child}</li>
    })
}

どんな助けでも大歓迎です！

Answer 1

_this.props.children_は不透明なデータ構造です。配列または単一の要素のいずれかです。あなたの場合、_this.props.children_はおそらく単一の要素であるため、.map()メソッドは未定義です。

childrenプロップを操作するときは _React.Children_ API を使用する必要があります。

子供の小道具のタイプ も参照してください。

---