我遇到了一个似乎无法解决的小问题。我试图使用父组件的子组件中的JSX元素Map一个数组，但不知道如何正确使用父组件中的“item”。我的想法是创建一个动态子组件，这样我就可以发送不同样式的子组件，这些子组件可以利用子组件中的item属性：

export default function Parent() {
  <Child array={[ { name: 'Spencer' }, { name: 'Jimmy' }, { name: 'Frank' } ]}>
    <div>{item.name}</div>
  </Child>

  <h1>Another example of sending different children to the Child component</h1>
  <Child array={[ { name: 'Spencer' }, { name: 'Jimmy' }, { name: 'Frank' } ]}>
    <h1>{item.name}</h1>
    <p>Name of player</p>
  </Child>
}

export default function Child({array, children}) {
  return (
    <div>
      {array.map((item) => {
        {children}
      })}
    </div>
  )
}

我试着从父组件的map属性引用该项，但显然不起作用。