美文网首页
React组件之间通过Props传值的技巧(小案例,帮助体会理解

React组件之间通过Props传值的技巧(小案例,帮助体会理解

作者: Wo信你个鬼 | 来源:发表于2019-10-11 11:10 被阅读0次

第一个组件 CommentInput

给按钮添加点击事件

<button onClick={this.handleSubmit(this)}>发布</button>
handleSubmit(需要传入的东西)=>{
        //这个方法判断props中是否传入了onSubmit属性,有的话就用该函数,并把用户输入的数据都传给该函数
        if(this.props.onSubmit){
            this.props.onSubmit(需要传入的东西)
        }
    };

第二个组件

第一步引入组件

<CommentInput onSubmit={this.handleSubmitComment(this)}/>

方法

handleSubmitComment(){

}

相关文章

  • React组件之间通过Props传值的技巧(小案例,帮助体会理解

    第一个组件 CommentInput 给按钮添加点击事件 第二个组件 第一步引入组件 方法

  • Props、State

    Props属性实现组件传值 Props是properties的简写。通过Props可以组件传值如下例子 React...

  • 3、React 组件通信之 React context

    React 组件之间的通信是基于 props 的单向数据流,即父组件通过 props 向子组件传值,亦或是子组件执...

  • react 父子组件传值(兄弟传值)

    react中父子组件传值 父向子: 父组件通过自定义属性向子组件传值,子组件通过this.props.属性名接收子...

  • Vue CLI——组件间传值

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

  • vue 面试

    组件之间的传值? 1.父组件与子组件传值 父组件通过标签上面定义传值子组件通过props方法接受数据 2.子组件向...

  • vue2.0小结

    父组件与子组件之间的通信 父组件传值给子组件,通过props 子组件传值给父组件,通过$emit 如果在父组件想在...

  • 组件与组件、页面之间的通信

    一、props传值 props传值在WePY中属于父组件与子组件之间(包括页面与其子组件之间)传值的一种机制,包括...

  • react组件传值的几种方式

    react 组件传值一、父组件传给子组件父组件通过props传递给子组件; 二、子组件传给父组件父组件通过prop...

  • vue、react对比

    一、父子通信 1. 父组件通过props向子组件传值 vue:父组件 子组件接收 react:父组件: 子组件: ...

网友评论

      本文标题:React组件之间通过Props传值的技巧(小案例,帮助体会理解

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