Почему не работает onChange для кастомного селектора?

Question

[Alexander3928]

Повесил onChange на кастомный селектор.

const testOnChange = (event) => {
      console.log(event.target.value);
    }
    
    <div
      className={`drop-down ${setClassName} ${isOpen ? "open" : ""}`}
      onClick={onToggleDropDown}
      onChange={testOnChange}
      {...props}
     >
      <DropDownHeader headerRef={headerRef} headerValue={headerValue} />
      <DropDownList>{children}</DropDownList>
    </div>

Ожидал увидеть значений event.target.value при выборе, а увидел ничего. Почему onChange не работает?

Demo

Comments

[Вадим]

а с чего вдруг див должен реагировать на несуществующее у него событие change?
И ладно бы внутри дива был какой-то инпут, который бы эмитил это событи, но нет же...

Мне кажется, Вам стоит перестать учить реакт и для начала выучить основы веб разработки. То есть HTML, CSS и JS.
Иначе такую чушь будете делать на реакте, что нормальным разработчикам будет грустно потом на это даже смотреть, не говоря уже о сопровождении, если вдруг достанется..