React Native的props和state的理解

props 父组件向子组件通信

1.属性:只可父组件改变子组件的props,且不能通过this.props.name = 'name'的方式改变,且只能在父组件申明的时候指定;而子组件不能自己更新,组件内部的this.props是只读的,不能修改;
2.公有接口:props是子组件暴露给外部的公有接口
3.数据流:props是一个父组件给子组件的数据流,可以一直传到子孙组件中,props是React在整个组件树中传递数据的,且只能单向传递

import Item from "./item";
export default class Student extends React.Component{
      render(){
                  return (
                        <Student name='Li' age=6>
                  );
       }
}

state 组件内部的状态的维护

1.是指组件内部的状态,只能通过setState来改变,用来更新组件内部的数据
2.state的更新是异步的,可以将state的多次的修改合并成一次,所以this.state并不能保证是最新的state的,可能是几次修改前的state
3.state的更新是一个浅合并的过程Shallow Merge

this.state = {name:'Wan',age:7};
this.state({name:'Chen'});
//实际的state为:
{name:'Chen',age=7}//改变了name
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,548评论 1 33
  • 前面提过react中的state和props是react组件中的两大部分,有很多人分不清state和props,这...
    DCbryant阅读 18,041评论 0 11
  • 整理一下React中关于state和props的知识点。 在任何应用中,数据都是必不可少的。我们需要直接的改变页面...
    亚讯阅读 2,618评论 0 1
  • 那个男孩 相识是场意外 绿荫环绕,篮球陪闹 这些都不再重要 那个男孩 余音缭绕,眼里藏笑, 是我烦闷的解药 他说,...
    c37ea5cd99d6阅读 225评论 0 4
  • 五绝 月亮 素月闲珠魄,沧波正澈澄。 圆钩天上问,骚客赋诗曾?
    诗者如斯夫阅读 337评论 0 3