从 reactjs 中的数组渲染列表

Question

我疯了，因为我不明白为什么列表标签没有在我的网站上呈现。有人能看出代码中有什么问题吗？？？

import "./resultBox.css"
import { useRef } from "react"

export default function ResultBox(props){
const resultBox = useRef()
const {resultados} = props

if (resultados != undefined){

    return(
        <div ref={resultBox} id="result-box">
            <ul>
                {resultados.users.map(user => {
                    <li key={user._id}>{user.first_name}</li>
                })}
            </ul>
        </div>
    )
}

}

谢谢！！！

Answer 1

正如@Dave Newton 所说，您的 map 函数没有 return 任何东西。以我前几天做过类似的事情为例

 const items = historyItems.map((item, index) =>  <HistoryItem key={index} item={item} hourlyRate={props.hourlyRate}/>);
return (<div className="main-history">
    {items}
</div>);

从 reactjs 中的数组渲染列表

rendering list from array in reactjs

render

reactjs