Witam
Piszę prosty skrypt w mojej ocenie który w praktyce ma pobierać wartość kontrolki checkbox sprawdzać jej dokładną wartość value oraz szukać jej odpowiednika w tablicy obiektów. Obecnie wymyśliłem przykład z pizza. User klika w odpowiedni checkbox z nazwą pizzy poniżej natomiast pokazuje mi się jej skład pobrany z wyżej zadeklarowanej tablicy.
Na razie problem jest tylko z porównaniem w warunku tego co zwraca checkbox ponieważ kompilator twierdzi iż obiekt jest nie iteracyjny. Być może coś źle pobrałem.
CODE :
import React, { useState } from "react";
import ReactDOM from 'react-dom/client';
function CompareCheckBoxValue(){
//Deklarowanie statusu z pustymi tablicami
const [infoAboutUser, userInfoSettings] = useState({
languagearr : [],
responsearr : [],
});
const getHandleEvent = (info) => {
//Deklaracja jakie parametry pobieramy poprzez odpowiedni
//arguments
const [value, checked] = info.target;
const { listOfLanguages} = languageInfo;
if(info.target.checked){
languageInfoSettings([...languageInfo, value]);
console.log(languageInfo);
}
}
return(
<form>
<div>
<input type="checkbox" name="pizzatype" value="capriciosa"
onChange={getHandleEvent} />
<label>Type of pizza</label>
</div>
<div>
<p id="response"></p>
</div>
</form>
);
}
const element = ReactDOM.createRoot(document.getElementById("root"));
element.render(<CompareCheckBoxValue/>);