在 ReactJs 中一一映射对象数组，而不是列出数组答案

【问题标题】：Map through array of objects one by one in ReactJs one by one rather than listing the array在 ReactJs 中一一映射对象数组，而不是列出数组
【发布时间】：2020-10-14 17:46:05
【问题描述】：

我有一个反应功能组件

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

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

【问题讨论】：

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

标签： javascript arrays reactjs array-map

【解决方案1】：

你的意思可能是这样的..？

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>
    )
}

【讨论】：