Как скрыть div при клике и запомнить в cookies?

Question

[IIITRIX]

Скажите как реализовать скрытие/открытие блока div на react и запомнить этот выбор на куки.
допустим есть кнопка Скрыть/Открыть c onClick={e => this.setState({isBlock: true})}

constructor(props) {
    super(props)
    this.state = {
    	isBlock: true
    }
  }

Comments

[IDONTSUDO]

теранарное выражение + работа с локальной сторей

Answer 1

[hzzzzl]

onClick = e => {
  this.setState(
    prevState => ({ isBlock: !prevState.isBlock }),  // ставим стейт
    // после того как поставили стейт пишем в сторадж
    () => { window.localStorage.setItem('isBlock', this.state.isBlock); }
  )
}

Comments

[IIITRIX]

Все равно при обновлении страницы, блок раскрывается!

[Петр Мухуров]

IIITRIX,

constructor(props) {
  super(props);

  this.state = {
    isBlock: localStorage.getItem("isBlock") === "false" ? false : true;
  }
}

[IIITRIX]

Петр Мухуров, ReferenceError: localStorage is not defined

[hzzzzl]

IIITRIX, window.localStorage в реакте, чтобы наверняка обратился к браузерному глобальному объекту window

[IIITRIX]

hzzzzl, тогда он скажет, что window not defined