TypeError: Invalid attempt to spread non-iterable “TypeError: Invalid attempt to spread non-iterable

How to use slot-scopt in JSX? TypeError: Invalid attempt to spread non-iterable instance TypeError: Invalid attempt to spread non-iterable instance

<van-radio slot="right-icon"name={item}> {... { scopedSlots: { icon: props => {return (
                 <van-icon
                    class-prefix={'iconfont ' + (props.checked ? 'icontubiaosheji_fujiedianxuanzhongfuben': 'icontubiaosheji_weixuanzhongfuben') }
                    color={props.checked ? '#4888F4' : '# 333'}
                    name="extra"></van-icon>
                )
            }
        }
    }
}
</van-radio>
Copy the code

It would look like this if written in Vue:

<van-radio slot="right-icon" :name="item">
      <van-icon slot="icon"
        slot-scope="props"
        :class-prefix="'iconfont ' + (props.checked ? 'icontubiaosheji_fujiedianxuanzhongfuben':'icontubiaosheji_weixuanzhongfuben')"
        :color="props.checked ? '#4888F4' : '#333'"
        name="extra" />
      </van-radio>
Copy the code

How to write Vue in JSX?