美文网首页React面试
react的hook踩坑,useState的set方法不生效问题

react的hook踩坑,useState的set方法不生效问题

作者: 这名字咋啦 | 来源:发表于2020-09-29 17:51 被阅读0次

使用antd的Tree组件,在onSelect中使用useState的set方法。

useState定义:

const [GroupCheck, setGroupCheck] = useState(new Map()); // 组选中数据

使用:

然后就出现问题了,GroupCheck组件内无更新。groupSelect则出现所需的值。当Tree组件内已选中两项时,选中组别3:

当点击选中框选中组别4后再次点击组别3时,打印内容:

后来发现问题出现在初始化赋值上,正确写法应为

准确来说,不是useState的坑,而是本身对数据类型的定义了解不透彻而导致的问题。

相关文章

  • react的hook踩坑,useState的set方法不生效问题

    使用antd的Tree组件,在onSelect中使用useState的set方法。 useState定义: con...

  • useState

    1. useState解析  useState来自react,需要从react中导入,它是一个hook;✓ 参数...

  • React Hook 新特性的初体验

    React 提供 Hook Api useState 类型: string | number | boolean ...

  • 结合示例学习 React Hooks

    这篇文档将通过一个 demo,介绍 React 几个 Hook 的使用方法和场景。包括: useState use...

  • React Hook

    Hook 简介 State Hook React 假设当你多次调用 useState 的时候,你能保证每次渲染时它...

  • useState & useReducer

    useState 在 React 函数组件中存储内部 state 通常会使用 useState hook 传入一个...

  • React Hook - useState

    Hook 是什么? Hook 是一个函数,可以让你在函数组件中使用一些 React 的特性(state/生命周期)...

  • react hook -- useState

    基本知识 React的组件有两种属性,state 和 props,state一般是在组件内部使用,而props则代...

  • Composition API和React Hook的区别

    从React Hook的实现角度看,React Hook是根据useState调用的顺序来确定下一次重渲染时的st...

  • 2020-09-08

    useState 的介绍和多状态声明 useState是react自带的一个hook函数,它的作用是用来声明状态变...

网友评论

    本文标题:react的hook踩坑,useState的set方法不生效问题

    本文链接:https://www.haomeiwen.com/subject/euweuktx.html