美文网首页
@芥末的糖-----组件props理解

@芥末的糖-----组件props理解

作者: 芥末的糖 | 来源:发表于2018-12-08 17:05 被阅读0次

废话不多说,直接拍代码:

//一个组件部分代码
class Search extends Component {
 constructor(props){
    super(props)
    this.state = {
    }
    this.getScrollId = this.getScrollId.bind(this)
  }
  render () {
    return (
      <div>
         <span>想吃什么搜这里,川菜</span>
      </div>
    )
  }
  getScrollId (id) {
    this.scrollId = id
  }
}

export default Search

子类有super就可以调用this

  • 如果你用到了constructor就必须写super(),是用来初始化this
  • 如果你在constructor中要使用this.props,就必须给super加参数:super(props)
  • 无论有没有constructor,在renderthis.props都是可以使用的,这是React自动附带的

https://segmentfault.com/q/1010000008340434

相关文章

  • @芥末的糖-----组件props理解

    废话不多说,直接拍代码: 子类有super就可以调用this 如果你用到了constructor就必须写super...

  • {...this.props}

    {...this.props}是props所提供的语法糖,可以将父组件的所有属性复制给子组件

  • 动态Props

    父/子组件传递数据是通过:props 选项。 这么理解 props 选项:由于不能在子组件模板中,直接使用父组件的...

  • @芥末的糖-----组件的定义

    1.无状态组件,函数式组件, 影子组件,傻瓜组件,UI组件 2.类的定义 总结:类的组件形式相对于函数化组件更消耗性能

  • react组件

    第二单元(react的组件-state-props-setState) 课程目标 组件的基本介绍 理解组件和组件的...

  • React进阶组件--props、组件通讯(React学习笔记_

    React进阶组件 组件的props、组件通信 组件的props 组件是封闭的,要接收外部数据应该通过props来...

  • props

    每个组件都存在Props属性,函数声明式组件(props),类声明式组件(this.props) 组件标签中所有的...

  • Vue组建通信的几种方法

    组件通信一 —— props和$emit props和$emit 父组件 向 子组件 传递数据 用 props 子...

  • 深入掌握reactjs和frintjs可观察组件实现

    引言 高阶组件 同步生成props 可观察的Props 访问父组件props 使用helper函数生成props流...

  • React Native的props和state的理解

    props 父组件向子组件通信 1.属性:只可父组件改变子组件的props,且不能通过this.props.nam...

网友评论

      本文标题:@芥末的糖-----组件props理解

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