javascript - 如何正确改变状态？ (只读错误)

Question

每次点击都会调用函数handleSubmit。
在函数中我必须将页码增加 1。
但控制台错误 Uncaught Error: "page"is read-only
如何正确改变状态？

const Cards = () => {
  const [page, setPage] = useState(1);

  const handleSubmit = e => {
    e.preventDefault();
    setPage(page += 1);
    const axios = require('axios');
    const url = '/users'

    axios.get(url, {
      params: { page: page }
    }, {headers: {'Content-Type': 'text/javascript'}})
    .then(function (response) {

    })
    .catch(function (error) {
      console.log(error);
    })
    .then(function () {
      // always executed
    });
  };

  return (
    // ...
  )

};

export default Cards;

Answer 1

使用page + 1代替page += 1。您的状态应该是不可变的，因此在更新状态时切勿使用 = 运算符。每次执行此操作时，您都应该使用全新的值来更新它。这应该会在开发过程中为您节省大量时间。