Реактив хук в исходное состояние - Реактив нативный - PullRequest
Новая
       5

Реактив хук в исходное состояние - Реактив нативный

0 голосов
/ 06 февраля 2020

Я сейчас работаю, Хуки реагируют и задают следующий вопрос: этот простой код увеличивается с каждым нажатием кнопки. я создал условие, которое регистрирует «закончено», когда счет до 2. Однако у меня возникают проблемы с возвратом счетчика к 0.

заранее большое спасибо

вот мой код: 

import React, { useState } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  if(count =='2'){
    console.log('finished')
    //count = 0
  }
  return (
    <div>
      <p>clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click here
      </button>
    </div>
  );
}

1 Ответ

1 голос
/ 06 февраля 2020

вам нужно использовать метод setCount, чтобы установить обратно 0

import React, { useState } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  if(count === 2){
    console.log('finished')
    setCount(0);
  }
  return (
    <div>
      <p>clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click here
      </button>
    </div>
  );
}
...