相关疑难解决方法(0)

在Javascript中,您可以++在变量名称之前或之后使用运算符.这些增量变量的方法之间的区别是什么？

我这里有这么简单的代码

import React, { useState } from "react";
import "./styles.css";

export default function App() {
  const [number, setNumber] = useState(0);

  function chaneNumber() {
    setNumber(state => state + 1);
  }

  console.log("here");
  return (
    <div className="App">
      <button onClick={chaneNumber}>Change number</button>
      {number}
    </div>
  );
}

每次单击该按钮时，我都会在控制台中收到 2 个日志，表明该组件呈现两次。我发现一篇帖子说这是关于严格模式的，但我没有启用严格模式。为什么这个组件在每次状态更新时渲染两次？

这是一个可以尝试的代码和框链接。