更改API react中的布尔数据字段

Question

我想将一个字段从false更改为true。我从一个api获取数据，数据是：

{
"all": 1,
"data": [
{
"name": "day1",
"read": false
},
{
"name": "day2",
"read": false
},
}

我想要的是，当我点击一个按钮时，值发生了变化。

我这样做，但只更新状态，而不更新读取的值。

const [readData, setReadData] = React.useState(data.read);
const handleClick = () => {
setReadData(!readData)
}

Answer 1

需要一些更正。

data是一个数组。

setState调用应该是这样的。

const [readData, setReadData] = React.useState(data[0].read);