Javascript 在ReactJs中逐个映射对象数组，而不是列出数组

我有一个功能部件

const Quiz = () => {
   const [Quizdata, setQuizdata] = useState([{name: 'John'},{name: 'jack'}])
 
   return (
    {Quizdata.map(quiz => {<h1>{quiz.name}</h1>)}
   )
}

const-quick=（）=>{
const[Quizdata，setQuizdata]=useState（[{name:'John'}，{name:'jack'}]）
返回(
{Quizdata.map（测验=>{{quick.name}}
)
}

---

在上面的代码中，我将获得对象列表，但我想显示Quizdata数组的单个元素，我想通过“下一步”按钮遍历整个数组。

你的意思可能是这样的吗

const App = () => {

    const [Quizdata, setQuizdata] = useState([{name: 'John'}, {name: 'jack'}])
    const [selected, setSelected] = useState(0)

    const handleNext = () => {
        setSelected(selected + 1)
    }

    const handlePrevious = () => {
        setSelected(selected - 1)
    }


    return (
        <div>
            <button onClick={handlePrevious}>Previous</button>
            <button onClick={handleNext}>Next</button>
            <p>{Quizdata[selected].name}</p>
        </div>
    )
}

const-App=（）=>{
const[Quizdata，setQuizdata]=useState（[{name:'John'}，{name:'jack'}]）
const[selected，setSelected]=useState（0）
常量handleNext=（）=>{
设置已选（已选+1）
}
常量handlePrevious=（）=>{
设置已选（已选-1）
}
返回(
先前的
下一个
{Quizdata[selected].name}

)
}

Quizdata的单个元素是一个对象。