Как я могу передать 2 аргументы для значения флажона? ⇐ Html

[Anonymous]

Я пытаюсь пройти 2 значения из флажона, однако я не могу понять это. Я хочу передать item.specburgertype и item.price , но я могу успешно пройти item.specburgertype с помощью значения флажки. Есть ли способ пройти 2 вещи через значение флага, или как я могу заставить параметр работать? < /P>
Вот где проблема: < /p>
const [price, setPrice] = useState();
const [specOrder, setSpecOrder] = useState();

const [specBurgers, setSpecBurgers] = useState([]);
useEffect( () => {
axios.get('http://localhost:8800/specialtyburgers')
.then(res => {
setSpecBurgers(res.data);
})
}, [])
function handleChange(p, e) {
if(e.target.checked) {
setSpecOrder(e.target.value);
setPrice(p);
//this.props.handleSpec(specOrder, price);
}
else if(!e.target.unchecked){
setSpecOrder("");
setPrice(0.0);
//this.props.handleSpec(specOrder, price);
}
}
var specBurgerDetails = "";
specBurgerDetails = specBurgers.map( (item, index) => {
return(

{item.SpecBurgerType}
{item.Protein}
{item.Toppings}
{item.Price}
handleChange(item.price, e)}/>
{specOrder}
{price}

)```

You will see that I tried to pass an extra parameter to the `handleChange` function, but this was not working. The value does not update my price var for some reason. Any ideas?


Подробнее здесь: https://stackoverflow.com/questions/783 ... a-checkbox