Как удалять картинку и возвращать при повторном клике React?

Question

[stetxems]

Нужно Добавить кнопку и изображение. При клике на кнопку скрывайте изображение, при повторном клике - показывайте.
Не могу понять, как правильно сделать, что б на кнопку нажал. img пропало, еще раз нажал появилось, помогите)

HideImage() {
    this.setState({
      hideImage: '22'
    });
 }

<p>
            <button onClick={this.HideImage}>Hide Iamge</button>
          </p>
          <p>
              <img src={logo} style={{width: "150px"}} />
          </p>

Answer 1

[0xD34F]

const [ showImage, setShowImage ] = useState(true);

<button onClick={() => setShowImage(!showImage)}>click me</button>
{showImage ? <img src="..." /> : null}

Comments

[stetxems]

если это хук я не дошел к ним, нада попроще(

[0xD34F]

stetxems, и хватает же наглости.

Идите на фриланс, платите деньги, вам всё сделают.

[stetxems]

0xD34F, что сделают то и наглость в чем, что я задал вопрос.Я это не понимаю только учусь, мне нада влоб. Не хочешь не помогай, твой ответ не подходит

[Иван В]

0xD34F, ну ладно вам, человек только учится.

[0xD34F]

stetxems, подходит. Что спросили - на то и ответил.

[stetxems]

0xD34F, выходит что так.Я кстати подумал нада было дописать, что без хуков.Ладно сам сделаю.