react学习笔记2之正确使用状态

//状态不要直接修改，比如:// 错的，这样写不会重新渲染组件
this.state.comment = 'Hello';//修改状态正确的方式
this.setState({comment:'Hello'});setState方法的参数可以接受一个对象，也可以接受一个回调函数，状态的修改可能是异步的，所以当你修改的状态需要依赖状态本身或者props的值的时候，不要用上面的方式，而是传递一个方法，比如://假如组件有这样一个状态 this.state = {count:0};
this.setState((prevState,props) =>({count:prevState.count + props.num}))//当setState的参数是回调函数的时候，它接受两个参数，第一个是组件的上一个状态对象，第二个是组件的props对象

//组件可以将状态作为属性传递给子组件<Demo message={this.state.comment} />

//状态只能定义在construtor构造函数里面

转载于:https://www.cnblogs.com/toward-the-sun/p/7845197.html

react学习笔记2之正确使用状态相关推荐

React学习笔记(五) 状态提升
状态提升究竟是什么东西呢?别急,下面让我们一步一步来看看究竟要怎么使用状态提升假设我们有这样一个需求,提供两个输入框(分别属于两个组件),保证输入框里面的内容同步好,下面我们先来封装一个输入框组件 ...
react学习笔记1--基础知识
什么是react A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES[React是一个用于构建用户界面的JavaScript库.] React之所以快, ...
react render没更新_web前端教程分享React学习笔记（一）
web前端教程分享React学习笔记(一),React的起源和发展:React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写 ...
react组件卸载调用的方法_好程序员web前端培训分享React学习笔记（三）
好程序员web前端培训分享React学习笔记(三),组件的生命周期 React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化.运行中.销毁.错误处 ...
Redis运维和开发学习笔记(6) 监控Redis工作状态-info命令
Redis运维和开发学习笔记(6) 监控Redis工作状态-info命令文章目录 Redis运维和开发学习笔记(6) 监控Redis工作状态-info命令 info server info clie ...
React学习笔记：入门案例
React学习笔记:入门案例 React 起源于 Facebook 内部项目,因为市场上所有 JavaScript MVC 框架都不令人满意,公司就决定自己写一套,用来架设 Instagram 的网站 ...
React学习笔记 - 组件Props
React Learn Note 4 React学习笔记(四) 标签(空格分隔): React JavaScript 三.组件&Props 组件可以将UI切分成一些独立的.可复用的部件,这样你 ...
React学习笔记(上)
一.React文件的创建(不使用脚手架进行文件的创建过程) 1.1.这里的React文件是一个html文件,或者是一个js文件,需要安转相关依赖 React:是React的核心包 React-dom: ...
React学习笔记八-受控与非受控组件
此文章是本人在学习React的时候,写下的学习笔记,在此纪录和分享.此为第八篇,主要介绍非受控组件与受控组件. 目录 1.非受控组件 1.1表单提交案例 1.2案例的总结 2.受控组件 2.1受控组件 ...

react学习笔记2之正确使用状态

react学习笔记2之正确使用状态相关推荐

最新文章

热门文章