美文网首页
请教:jsx函数式组件中写slot-scope好像不对,报这个错

请教:jsx函数式组件中写slot-scope好像不对,报这个错

作者: 74d20adebaa1 | 来源:发表于2019-12-01 20:37 被阅读0次

jsx函数式组件中写slot-scope好像不对,报这个错"TypeError: Invalid attempt to spread non-iterable instance",请问正确的写法是怎样的

{...{

                      scopedSlots: {

                        icon: props => {

                          console.log(props);

                          return (

                            <van-icon

                              class-prefix={

                                'iconfont ' +

                                (props.checked

                                  ? 'icontubiaosheji_fujiedianxuanzhongfuben'

                                  : 'icontubiaosheji_weixuanzhongfuben')

                              }

                              color={props.checked ? '#4888F4' : '#333'}

                              name="extra"

                            ></van-icon>

                          );

                        }

                      }

                    }}

相关文章

  • 请教:jsx函数式组件中写slot-scope好像不对,报这个错

    jsx函数式组件中写slot-scope好像不对,报这个错"TypeError: Invalid attempt ...

  • React入门(二)

    组件 1.函数式组件 什么是函数式组件创建一个函数,只要函数中返回一个新的JSX元素,则为函数式组件 调用组件可以...

  • react 复习

    一.jsx 二.函数式组件 三.类式组件 四.组件实例三大属性state 五.组件实例三大属性props 1.类式...

  • vue 中使用 jsx 总结

    vue 中使用 jsx 调用方式 标签函数组件// 模式1: 类式函数组件const Sub = { fun...

  • react语法结构

    1.react JSX语法原理 react是函数式编程,使用jsx语法来渲染组件。jsx语法是合法的JavaScr...

  • React基础篇之自定义组件

    类式组件 函数式组件 上一篇:React基础篇之JSX - 简书 (jianshu.com)[https://ww...

  • react基础语法

    一、注释在js写xml就是jsx语法 二、插值 三、节点属性 四、列表渲染 五、事件处理 六、无状态组件 七、函数式组件

  • 初识函数式组件

    react里面有两种创建组件的方法,函数式创建组件便是其中一种 特点:1.创建函数式组件结果会返回一个新的jsx元...

  • React - 类组件创建

    React创建组件有两种方式 函数式组件 类组件函数式组件已经学过,现在看下类组件怎么写。 函数式组件和类组件区别...

  • Render渲染函数和JSX

    render函数 h( 元素,属性,值 ) 中 h 不能少 使用 list组件中调用 函数式组件 定义函数式组件 ...

网友评论

      本文标题:请教:jsx函数式组件中写slot-scope好像不对,报这个错

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