Javascript React-render prop，迭代数组不显示值

我必须下载文件App.js和Example.js

import React from 'react'

function Example(props) {
    return (
        <div>
            {props.render(["Maria", "Alice", "Gina", "Cleopatra"])}
        </div>
    )
}

export default Example

App.js

import React from 'react'
import Example from './Example'

const App = () => {
    return (
        <div>
            <Example render={ students =>  <ul> Hi , {students.forEach( student => {return <div>{student}</div>}) } </ul>   } />
        </div>
    )
}

export default App

从“React”导入React
从“./Example”导入示例
常量应用=（）=>{
返回(
你好，{students.forEach（student=>{return{student}}}}/>
)
}
导出默认应用程序

和Example.js

import React from 'react'

function Example(props) {
    return (
        <div>
            {props.render(["Maria", "Alice", "Gina", "Cleopatra"])}
        </div>
    )
}

export default Example

从“React”导入React
功能示例（道具）{
返回(
{props.render（[“Maria”、“Alice”、“Gina”、“Cleopatra”]））
)
}
导出默认示例

预期的结果是，，，嗨，玛丽亚，爱丽丝…“我想看看名字，但出于某种原因，没有错误，我只得到，，，嗨”

有人看到这个问题吗

---

非常感谢

在这种情况下，我认为您不应该使用渲染道具。另外，您应该使用的方法是

map

，因为forEach不返回任何内容，它只调用数组中元素的函数。只需将students数组传递给Example组件，并在Example内部呈现它们。例：

<Example  students={//studentsArray} />

下面是一个例子：

function Example(props) {
    return (
        <div>
            {props.students.map(student => <div>hi {student}</div>)}
        </div>
    )
}
   

功能示例（道具）{
返回(
{props.students.map（student=>hi{student}}
)
}

尝试使用students.map（）而不是forEach（）函数。这对我来说很好：

---

您好，{students.map（student=>{return{student}}}

}/>

事实上，您在右边，当我用forEach切换map时，它显示了值。非常感谢@wyfy！我的名声还不到15岁，所以我的选票没有显示出来，但一旦我超过15岁，我就会回来投票给每一个帮助我的答案！