1
const Menu = ()=>{

    const [item, setItem]=useState(JSON.parse(localStorage.getItem('index')))

    const onStatusChange =(id,e)=>{
        console.log(id)
        console.log(e.target.value)
    }

    return(
        <select className='menu' defaultValue={item.status} onChange={(e)=>onStatusChange(item.id, e)}>
            {item.map((item, index) => (
                    <option  key={index}> {item.item}</option>
            ))}
        </select>
    )
}

в консоле вместо id undefined, а вот item приходит

1
  • Не понятно что же у тебя в том item... Ты используешь его как массив item.map() и как объект item.status, item.id...
    – ksa
    10 янв в 12:44

1 ответ 1

1

Что бы получить id, его необходимо записать в атрибуте тега option

const Menu = () => {

  const [item, setItem] = useState(JSON.parse(localStorage.getItem('index')))

  const onStatusChange = (e) => {
    console.log(e.target.value)
    console.log(e.target[e.target.selectedIndex].text)
  }

  return (
    <select className='menu' defaultValue={item.status} onChange={onStatusChange}>
      {item.map((item, index) => (
        <option key={index} value={item.id}>{item.item}</option>
      ))}
    </select>
  )
}

Использование onChange={(e)=>onStatusChange(item.id, e)} неправильно, т.к. item это массив и у него нет свойства id

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.