美文网首页
React prop和state

React prop和state

作者: 寒夜丶暖 | 来源:发表于2019-01-27 23:57 被阅读0次

React中组织数据的形式有两种,分别是prop和state。

prop

prop是组件对外的接口,即是外部传递给组件的数据。(这里的外部不仅是指我们直接输入的数据,也可以父组件给子组件传递的数据)

把数据从子组件传递给父组件实际上可以调用函数,即把父组件的方法传给子组件,然后通过子组件的事件调用父组件的方法来改变父组件的值

prop的类型可以是任意的一种JS支持的数据类型。(包括函数)

构造函数中super(props)的作用是使类实例的成员函数可以通过this.props访问到父组件传递过来的props值。

propTypes检查

可以规定

1.组件支持prop的类型

2.prop是否必须传入

不过propTypes检查只是一个辅助开发的功能,而不能改变组件的行为(即propTypes检查在出错的情况下,组件依然可以正常工作。)

state

state则是组件的内部状态。

因为React组件不能修改传入的prop,所以需要state记录自身数据的变化。

defaultProps可以作为组件状态的初始值。

修改state时需要使用this.setstate方法,而不是this.state,因为后者状态虽然发生了变化,却不会驱动组件重新渲染。

相关文章

  • React prop和state

    React中组织数据的形式有两种,分别是prop和state。 prop prop是组件对外的接口,即是外部传递给...

  • 深入React组件的数据:prop、state

    React组件的数据分为两种,prop和state,无论prop或者state改变,都可能引发组件的重新渲染。 p...

  • React:组件的数据

    React组件的数据分为两种,prop和state,无论prop或者state的改变,都可能引发组件的重新渲染,那...

  • props 和state 的理解

    React组件的数据分为两种,prop和state,无论prop或者state改变,都可能引发组件的重新渲染。 p...

  • Redux——React 组件中的数据传输

    React中的数据有两种:prop和state。其中prop负责对外的数据交互,state负责内部的数据管理。 R...

  • 3.组件数据

    React的组件数据主要分为两种: prop state 那么怎么选择数据的类型呢?其实选择的原则很简单,prop...

  • React数据流

    在 React 中,数据是自顶而下单向流动的,即从父组件到子组件。 React的数据传输主要靠state和prop...

  • react小记 prop和state的区别

    1.prop用于定义外部接口,state用于记录内部状态 2,prop 的赋值在外部世界使用组件时,state的赋...

  • react-redux 基本原理 & 使用redux 处理异步逻

    Redux 出现的背景 随着对 React 使用的深入,你会发现组件级别的 state,和从上而下传递的 prop...

  • vue和react中props变化后修改state的方式

    如果只想在 state 更改时重新计算某些数据,比如搜索框案例。 vue react 如果你想在 prop 更改时...

网友评论

      本文标题:React prop和state

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