美文网首页
2.react组件传值

2.react组件传值

作者: 翌凌枫 | 来源:发表于2019-06-13 21:21 被阅读0次

import Observer from "./Observer"

引入时组件名必须是大写

1、父传子
当子组件在父组件中当做标签使用的时候,给子组件定义一个自定义属性 值为需要传递的值
接收:在子组件内部通过this.props进行接收

2、子传父
当子组件在父组件中当做标签使用的时候,给子组件定义一个自定义属性,值为一个事件函数 这个函数用来接收子组件传递
过来的数据
传递:在子组件内部通过this.props来调用这个事件函数值通过事件函数进行传递

3、非父子组件传值 用封装Observer.js
需要传值的一方调用Observer.emit 需要接受值的一方调用Observer.on

React中如何定义默认的外部数据
组件名称.defaultProps = {
key:val
}

React中如何定义默认的外部数据的类型

cnpm install prop-types -S

import propType from "prop-type";

组件名称.propType = {
key:propType.类型
}

常见的类型

optionalArray: PropTypes.array,
optionalBool: PropTypes.bool,
optionalFunc: PropTypes.func,
optionalNumber: PropTypes.number,
optionalObject: PropTypes.object,
optionalString: PropTypes.string,
optionalSymbol: PropTypes.symbol,

相关文章

  • 2.react组件传值

    import Observer from "./Observer" 引入时组件名必须是大写 1、父传子当子组件在父...

  • Vue - 传值

    Vue 传值有两种:1)父组件向子组件传值(属性传值,Prop传值)2)子组件向父组件传值 一、父组件向子组件传值...

  • 组件之间的传值

    组件之间的传值,包括父子组件传值,兄弟组件之间的传值,其中父子组件包括父组件向子组件传值和子组件向父组件传值,现在...

  • Vue_组件间传值

    1、父组件传值给子组件2、子组件传值给父组件 1、父组件传值给子组件 2、子组件传值给父组件

  • 2018-09-05

    组件传值问题 父组件给子组件传值应该使用props。子组件要给父组件传值,需要调用父组件传递的方法。props传值...

  • vue2.0 父子组件传值

    父组件传值给子组件 子组件 子组件通过 props 接收值 父组件 父组件通过标签属性传值 子组件传值给父组件 子...

  • Vue父子组件通信和双向绑定

    本篇文章主要介绍父子组件传值,组件的数据双向绑定。 1. 基础父子组件传值 父子组件传值,这是Vue组件传值最常见...

  • (Vue-cli)六、组件间传值(组件间传值&全局状态管理sto

    六、组件间传值 1.父子组件传值 (1) 父传子 父组件向子组件传值,可以通过绑定属性传值;子组件通过props接...

  • vue2.0的三种常用传值方式,并且如何实现?

    vue2.0 组件传值方式有三种:父组件向子组件传值,子组件向父组件传值,非父子组件传值 : 父传子: 首先现在父...

  • Vue.js父子组件传值

    父组件向子组件传值: 子组件向父组件传值:

网友评论

      本文标题:2.react组件传值

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