当前位置:首页 > 开发 > 行业应用 > 正文

React addons.update setState 链式更新object属性

发表于: 2016-04-26   作者:qiaolevip   来源:转载   浏览:
摘要: 在上一篇文章里,我使用纯js更新object对象,然后在setState里面,这样操作属于原生的,今天在解读React.addons对象的时候,发现有update函数也可以链式更新对象,挺方便的,就是解读起来不那么容易。importReactfrom'react'; //经过种种setState,detail对象是这样的:this.state.detail.iteminfo.state

在上一篇文章里,我使用纯js更新object对象,然后在setState里面,这样操作属于原生的,今天在解读React.addons对象的时候,发现有update函数也可以链式更新对象,挺方便的,就是解读起来不那么容易。

import React from 'react';


// 经过种种setState, detail对象是这样的:this.state.detail.iteminfo.state

this.setState({
  showmessage:true,
  pmessage:"领取任务成功",
  detail: React.addons.update(this.state.detail, {iteminfo: {status: {$set: 'doing'}}})
});

// check status
{this.state.detail.iteminfo.status=="doing"?<div className="giveup" onClick={this.fio_giveup.bind(this)}>放弃任务</div>:""}

 

update其他可使用函数:

 

  • {$push: array} push() all the items in array on the target.
  • {$unshift: array} unshift() all the items in array on the target.
  • {$splice: array of arrays} for each item in arrays call splice() on the target with the parameters provided by the item.
  • {$set: any} replace the target entirely.
  • {$merge: object} merge the keys of object with the target.
  • {$apply: function} passes in the current value to the function and updates it with the new returned value.

React addons.update setState 链式更新object属性

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
属性的含义和用法 props=properties 属性:一个事物的性质与关系 属性往往是与生俱来的、无法自己改
1.通过数组方式支持连写 JavaScript 中可以设计一种用起来像 Array 的对象,今天小测试了一下: var
jQuery链式代码风格:jQuery(“#one_div”).html(“something”).on(“click”, function(){}).find(
4 react
基于HTML的前端界面开发正变得越来越复杂,其本质问题基本都可以归结于如何将来自于服务器端或者用
React Native 用于构建用户界面的JAVASCRIPT库 | React React 入门实例教程 颠覆式前端UI开发框架:
虽然说现在并不是所有的浏览器都已经支持ECMAScript5的新特性,但相比于ECMAScript4而言ECMAScript5
本次推荐的React插件是React Developer Tools,由Facebook官方提供 支持: 检查React值变化 State所
写了这么多篇Android React Native的博文,基本上把复杂的东西都搞定了,接下来来看看一些轻松的东
有一个XML文档,一个属性"pk"错了,正确是2。我们怎样把它更改正确? 原XML文档如下: <?xml ver
CityEngine数据参数类型 CityEngine中有四种不同类型的参数: 1、Block Parameter------------作用
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号