关于props的javascript反应问题

下面是简单的App.js代码：

import React from 'react'
import Member from './Member'

function App () {
  const members = [
    { name: 'Andy', age: 22 },
    { name: 'Bruce', age: 33 },
    { name: 'Mary', age: 11 }
  ]
  for (const member of members) {
    return <Member {...member} />
  }
}

export default App

下面是Member.js：

import React from 'react'

function Member ({ name, age }) {
  return (
  <div>
    {name}
    <hr />
    {age}
  </div>)
}

export default Member

问题只是{name:'Andy', age: 22}在浏览器中显示的第一个对象。如何更改代码以显示所有这三个参数？我是Javascript和React的新手。我就是想不通。有人能帮上忙吗？非常感谢。

转载请注明出处:http://www.beijingklxcmc.com/article/20230526/1215936.html

➤