美文网首页
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组件传值

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