я хочу изменить isAnspped на true всякий раз, когда нажимается опция op кнопки, помогите, я застрял, я загружаю опции в кнопках, и когда пользователь нажимает кнопку, состояние должно обновляться
const [Questions, setQuestios] = useState([
{
Question: "Random question",
Options: [ {op1: "option", b:1 }, {op2: "option", b:2}, {op3: "option", b:3}],
Akey: 1,
key: 1,
isAnswered: false
},
{
Question: "Random question",
Options: [ {op1: "option", b:1}, {op2: "option", b:2}, {op3: "option", b:3}],
Akey: 1,
key: 2,
isAnswered: false
}
const handlechange = (e) => {
const bkey = e.target.attributes.getNamedItem('data-bbkey').value;
if(bkey === e.target.value){
console.log('hihii')
setQuestios(prevState => ({ ...prevState, prevState.: true}));
}else{
console.log(e.currentTarget.innerText, bkey, e.currentTarget.value)
}
}
return (
<h1>{Questions.map(Question => (
<div key={Math.random() *10}>{Question.Question}
<div>
{Question.Options.map(option =>
<button data-bbkey={option.b} key={Math.random() *10} value={Question.Akey} onClick={e => handlechange(e)}>{option.op1}{option.op2}{option.op3}</button>
)}
</div>
</div>
))}</h1>
)