相关疑难解决方法(0)

React useState 导致双重渲染

考虑规范useState示例:

import React, { useState } from 'react';

const MyComponent = () => {
  const [count, setCount] = useState(0);
  console.log(count);
  return (
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
      count: {count}
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
};

export default MyComponent;
Run Code Online (Sandbox Code Playgroud)

单击该按钮可使每个状态打印两次。这是为什么?

短屏幕

reactjs react-hooks

8
推荐指数
1
解决办法
2886
查看次数

标签 统计

react-hooks ×1

reactjs ×1