Reactで簡単なカウントアプリを作成、しかしリセットボタンを押すと空白になってしまう。

Question

前提・実現したいこと

リセットボタンを押すと数字を0にしたいです。

発生している問題

const countReset = ()=> setCount(count==0);

とreturn後に表示させる

<button onClick={countReset}>リセット！</button>

を用意し、実行しましたが、
結果空白が表示されてしまいます。

該当のソースコード

※codepenで実装しています。

<div id='root'></div>

※codepenの設定画面でcdn各種インポート済みです。
https://cdnjs.cloudflare.com/ajax/libs/react/16.7.0-alpha.2/umd/react.production.min.js
https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.7.0-alpha.2/umd/react-dom.production.min.js

const useState = React.useState;

const Count =()=>{
  const [ count, setCount ] = useState(0);
  const countUp = ()=> setCount(count+1);
  const countDown = ()=> setCount(count-1);
  const countReset = ()=> setCount(count==0);
  return(
    <>
      <h2>カウントチャレンジ</h2>
      <p>カウント: {count}</p>
        <button onClick={countUp}>+</button>
        <button onClick={countDown} style={{marginRight:"10px"}}>-</button>
        <button onClick={countReset}>リセット！</button>
   </>
  )
}
ReactDOM.render(
	<Count />,
	document.getElementById('root')
);

試したこと

const countStop = ()=> setCount(count==0);

と記述したところを

const countStop = ()=> setCount(count-count);

と記述すると0に戻るのですが、応用が効かないため試行錯誤し、模索し詰まってしまいました・・・・。
Reactに関しては初学なため、どこか基本が抜けているかもしれませんが、ご教授いただけますと幸いです。

最後までみていただき、ありがとうございます。

Answer 1

const countStop = ()=> setCount(count==0);

０と比較してませんか

Comments

[pontarou3]

おっしゃる通りです！はずかしい間違いでした・・・・

[y_waiwai]

setCount(0);
でいいのでは