javascript - 如何使相同的按钮增加计数并恢复到 React 中的先前状态（useState）？

Question

我想将计数更改一并让相同的按钮在单击时恢复到以前的状态。

标签： javascriptreactjs

Answer 1

export const CountButton = () => {
  previousState = 100;
  const [count, setCount] = useState(false);
  return(
   <div>
     <button onClick={() => setCount(!count)}>Click Me!</button>
     <div>{count ? previousState + 1 : previousState }</div>
   </div>
  )
}

此代码将增加一票，然后在第二次点击时恢复。