反应计数增加

我们添加了倒计时和正计时功能的官方代码。

作为我自己的学习

• useState

関数コンポーネント

用…进行书写。
使用…方式进行书写。
采用…的方式来书写。
以…的方法来写作。

与公式不同的是，我避免了在onClick事件中进行硬编码。

//index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
    <App />,
  document.getElementById('root')
);

//App.js
import React,{useState} from 'react';

function App() {
  const [ count, addCount ] = useState(0);
  const countUp = () => {
    addCount( count + 1 )
  }
  const countDown = () => {
    addCount( count - 1 )
  }
  return (
    <>
      <p>{count}</p>
      <button onClick={countUp}>追加</button>
      <button onClick={countDown}>削除</button>
    </>
  )
}

export default App;