状态变化时如何保持计数器值?

穆罕默德·萨勒曼·汗

在此组件中,当我更改状态时,它将重新分配counter=1我不想要的状态。我只希望它只分配counter=1一次,然后在重新渲染期间不再分配。

而且,我不想useState用于counter解决此问题。


function App() {
    const [value, setValue] = useState(100);
    let counter = 1;
    return (
    <div>
    <button
        onClick={() => {
        setValue(value - 1);
        counter++;
        }}
    >
        click me
    </button>
    </div>
);
}

export default App;
阿吉特·莎(Ajeet Shah)

您可以使用useRef

useRef返回一个可变的ref对象,该对象的.current属性已初始化为传递的参数(initialValue)。返回的对象将在组件的整个生存期内持续存在。

当内容更改时,useRef不会通知您。更改.current属性不会导致重新渲染。

function App() {
  const [value, setValue] = useState(100)
  const counter = useRef(1)
  return (
    <div>
      <button
        onClick={() => {
          setValue(value - 1)
          counter.current++
        }}
      >
        click me
      </button>
    </div>
  )
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

状态变化时如何将计数器加一

来自分类Dev

当条件之一发生变化时如何重置计数器(全局变量)

来自分类Dev

使计数器保持最新状态以缓存网站

来自分类Dev

读取时发生变化时重置计数器

来自分类Dev

如何使用同样保持高分的jQuery计数器?

来自分类Dev

重置计数器值

来自分类Dev

列名称随包含计数器的变化而变化

来自分类Dev

Android导航抽屉:如何更新计数器值

来自分类Dev

如何通过API访问Hadoop计数器值?

来自分类Dev

如何获取自动字段的计数器的值?

来自分类Dev

如何使用AIDL服务更新计数器值?

来自分类Dev

如何通过API访问Hadoop计数器值?

来自分类Dev

PHP:如何从递归函数返回值的计数器?

来自分类Dev

如何获取自动字段的计数器的值?

来自分类Dev

如何通过单击按钮增加计数器的值?

来自分类Dev

状态钩的计数器未递增

来自分类Dev

如何重置计数器?

来自分类Dev

计数器值没有增加,在javascript中值保持不变

来自分类Dev

角字体很棒的fa层-计数器颜色变化

来自分类Dev

使用lodash我如何保持一个计数器,以后可以用作参数?

来自分类Dev

使用lodash我如何保持一个以后可以用作参数的计数器?

来自分类Dev

计数器功能设定值

来自分类Dev

特定值php计数器

来自分类Dev

性能计数器的值很奇怪

来自分类Dev

if (计数器 == < 数据库值 >)

来自分类Dev

Python 计数器和值

来自分类Dev

状态变化时如何防止useQuery运行-React,Apollo,GraphQL

来自分类Dev

如何在Service Fabric无状态服务中配置性能计数器?

来自分类Dev

React:如何根据当前滚动页面更改计数器的状态

Related 相关文章

热门标签

归档