美文网首页
react-setState函数数据更新

react-setState函数数据更新

作者: 琳媚儿 | 来源:发表于2021-01-10 16:39 被阅读0次

定义数据

this.state = {
            content: '',
            list: []
}

进行数据更新渲染时得一下三种方法
第一种

 this.setState({
  content: value
})

第二种 setState函数直接返回更新数据得值

 this.setState(() => ({ content: value }))

setState函数得第二个参数可以在数据更新之后在获取dom 节点更改页面渲染得效果

 this.setState(() => ({ content: value }),()=>{ 
    console.log(this.ul.querySelectorAll('div').length)
  })

相关文章

  • react-setState函数数据更新

    定义数据 进行数据更新渲染时得一下三种方法第一种 第二种 setState函数直接返回更新数据得值 setStat...

  • Python 代码库之sqlite数据库update更新数据(含

    Python 代码库之sqlite数据库update更新数据(含源码) 数据更新函数 创建链接函数 测试代码 更多...

  • 常见的SQL语句

    基本操作 二 函数 三 录入数据 四 删除数据 五 更新数据

  • 小程序云开发笔记

    常用api 增加数据 更新数据 删除数据 创建云函数

  • Vue问题记录

    一、数据更新问题 数据更改界面没更新问题原因:数据层次太多,没有触发render函数进行自动更新1、需手动调用 2...

  • Vue中的nextTick方法

    简单的说就是数据更新后,DOM随着数据更新改变之后执行的回调函数代码实例: 可以看出为异步函数 在Vue生命周期的...

  • python通过调用一个函数修改全局变量

    如果我们不想重启服务,而还要更新所有数据,我们可以把生成这些数据的程序写成一个函数,再要更新的时候,首先再新函数中...

  • vue3 toRaw函数和markRaw函数

    在setup函数中,我们通过ref和reactive函数创建响应式数据,其特点是,每次修改数据都会更新UI界面,这...

  • vue 强制刷新组件重新渲染

    问题:子组件渲染的数据是在子组件的函数内处理过,但是父组件将数据更新后,子组件渲染的数据是直接更新的数据,并未触发...

  • vue3递归监听和非递归监听

    我们知道ref函数和reactive函数用于将一个普通数据变成一个响应式的数据。当数据发生改变时,界面也会立即更新...

网友评论

      本文标题:react-setState函数数据更新

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