zoukankan      html  css  js  c++  java
  • react 基础语法复习3- 数据传递 & 数据变化(props&&state)

    react当中的数据传递是通过 props以及 state来实现的

    props

    <Header name="kugeliu" />

    Header组件当中有个name属性,那么在Header组件当中就可以通过 this.props.name  来获取到 “kugeliu” 这个数据了

    在react当中props一般用于父组件给子组件传递数据使用,一般不允许对它进行修改

    state 

    props是不能修改的,但是当我们需要修改数据的时候怎么办呢,这中可以修改的数据就用state来代替 props

    在构造函数当中初始化 state, 并且继承父组件的属性和作用域

    this.state = {}  初始化        this.setState({})  通过这个函数对state数据进行更新

    这个时候组件的数据就会根据state里面数据的变化来实时的更新数据了

  • 相关阅读:
    IDLHDF5读取与转换
    IDL计算儒略日
    DOMContentLoaded和Window: load event
    eventloop(事件循环机制)
    @types
    ES6 Module import & export
    switch case
    python基础
    react-hooks 官方文档笔记
    base64编码图片
  • 原文地址:https://www.cnblogs.com/kugeliu/p/7218701.html
Copyright © 2011-2022 走看看