美文网首页
在react上实现vue的插槽slot

在react上实现vue的插槽slot

作者: 阿凡农 | 来源:发表于2021-06-25 16:30 被阅读0次

假设我们定义一个react组件,想要在react组件中像vue那样传入插槽内容。因为,react中一切都是js,插槽可以通过props传递进来并渲染。那么,可以使用组件的props来传递:
function child(props){
return <div>{poops.slotA}</div>
}
使用组件的时候:
import child from 'path/to/child'

function slotDom = function(){return <span>我是插槽部分</span>}

function father(){
return (<div>
<child slotA={<slotDom />}>
</div>)
}

像上面这种方式,就实现了vue的slot插槽。

相关文章

  • 在react上实现vue的插槽slot

    假设我们定义一个react组件,想要在react组件中像vue那样传入插槽内容。因为,react中一切都是js,插...

  • Vue之深入理解插槽—slot, slot-scope, v-s

    Vue 2.6.0 以前Vue 2.6.0 以后具名插槽 slot具名插槽 v-slot作用域插槽 slot-sc...

  • vue插槽

    vue插槽slot的理解与使用 vue slot插槽的使用介绍及总结

  • React之children的特殊用法

    平常我们在react使用children的用法大多都是和vue的slot插槽那样去使用,但是react中的chil...

  • vue中的slot(插槽)

    vue中的插槽————slot 什么是插槽? 插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定...

  • 2-6 vue 匿名插槽-slot

    匿名插槽-slot Slot插槽 —— 实现内容分发 什么是slot?slot的意思是插槽,其目的在于让组件的可扩...

  • 面试题目记录

    2020.02.27 公司 滴滴 1 vue slot渲染在父组件还是子组件: 普通插槽和作用域插槽的实现,它们有...

  • Vue中Slot的渲染过程

    Vue在通过compiler解析模版中的slot, slot是组件中的插槽,通过解析slot,把slot的name...

  • 在项目搭建过程中的基础概念

    1.jsonp的实现原理 2.vue的生命周期 3.slot插槽

  • vue 插槽的使用

    vue 插槽手册 深入理解vue中的slot与slot-scope 插槽的使用其实是很简单首先要明白插槽是使用在子...

网友评论

      本文标题:在react上实现vue的插槽slot

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