所以我有一些我想循环的数据:
const data = {
names: [
{
name: "Jordan"
// additional data
},
{
name: "Holly"
// additional data
},
{
name: "Sean"
// additional data
}
]
};
使用useState
钩子,我从索引 0 开始我的数据:
const [index, setIndex] = useState(data.names[0]);
如何使用状态循环遍历数组中的对象?我创建了一个调用 的按钮,handleClick
我如何通过数组 +1?
function App() {
const [index, setIndex] = useState(data.names[0]);
function handleClick() {
setIndex(); // Help!
}
return (
<div className="App">
<h1>{index.name}</h1>
<button onClick={handleClick}>Change name</button>
</div>
);
}