美文网首页
react 把一个组件的 props 全部传给子组件

react 把一个组件的 props 全部传给子组件

作者: xcyzjs | 来源:发表于2020-09-16 10:32 被阅读0次

背景: 自定义了一个 MyNavLink, 统一修改了 activeClassName, 其它属性由 MyNavLink 转发到 NavLink

// 定义组件
    function MyNavLink(props) {
        return  <NavLink activeClassName='my-active' {...props}/>
    }

// 使用
    <MyNavLink to='/home' className='link'}>a link</MyNavLink>

关键: 使用 ... 对 props 进行解构

相关文章

  • react组件传值的几种方式

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

  • react 把一个组件的 props 全部传给子组件

    背景: 自定义了一个 MyNavLink, 统一修改了 activeClassName, 其它属性由 MyNavL...

  • Vue组件间的参数传递

    1.父组件与子组件传值父组件传给子组件:子组件通过props方法接受数据;子组件传给父组件:$emit方法传递参数...

  • Vue组件通讯

    (1)子访问父组件:props (2)父访问子组件:$emit (3)兄弟组件通信:子1传给父组件,父再传给子2 ...

  • (12)打鸡儿教你Vue.js

    组件 语法格式如下: 局部组件 父组件的数据需要通过 props 把数据传给子组件 使用 $on(eventNam...

  • Vue组件之间的数据传递

    1、父子组件传递父组件传给子组件通过props方法接收参数子组件传给父组件:$emit方法传递参数2、非父子组件创...

  • 关于$emit的用法

    1、父组件可以使用 props 把数据传给子组件。 2、$emit子组件调用父组件的方法并传递数据 示例 父组件 ...

  • vue 组件通信

    1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。例如:子...

  • vue2 父子组件通信问题

    知识点: 1、父组件使用props 把数据传给子组件。 2、子组件使用 $emit 触发父组件的自定义事件。 de...

  • 3.中间人模式。

    子组件把报价传到父组件,然后父组件把报价传给另一个子组件(报价组件把报价传给父组件,然后父组件传给订单组件) 设计...

网友评论

      本文标题:react 把一个组件的 props 全部传给子组件

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