Реагируйте: onMouseOut не обновляет состояние компонента - PullRequest
Новая
       71

Реагируйте: onMouseOut не обновляет состояние компонента

0 голосов
/ 17 декабря 2018

У меня проблемы с обновлением состояния, которое контролирует, отображать или нет дочерний компонент.При наведении указателя мыши на ul ниже он работает, как и ожидалось, но после выхода из элемента ul он, похоже, не обновляет состояние или, по крайней мере, не меняет отображение дочернего компонента, как я хочу.

У меня есть этот кусок кода: 

<ul
            className="dropDownBtn"
            onMouseOver={this.showDropDownItems}
            onMouseOut={this.hideDropDownhide}
          >
            Supplements
            {this.state.showStatus ? (
              <HeaderDropDown
                firstChem="Alpha Lipoic Acid"
                secondChem="Melatonin"
                thirdChem="Omega 3"
              />
            ) : null}
          </ul>

Внутри компонента, который имеет эти функции и объявления для управления состоянием: 

constructor(props) {
    super(props);

    this.state = {
      showStatus: false
    };

    this.showDropDownItems = this.showDropDownItems.bind(this);
    this.hideDropDownItems = this.hideDropDownItems.bind(this);
  }

  showDropDownItems() {
    this.setState({
      showStatus: true
    });
  }

  hideDropDownItems() {
    this.setState({
      showStatus: false
    });
  }

Может ли это быть связано с повторной визуализацииродительский компонент или что-то еще?Спасибо.

...