ElemeFE / ElemeFE/element

[Bug Report] How to provide data object to element component in JSX like render function? #19829

Open
#19,830 1 comment 0 reactions 0 assignees View on GitHub
stale
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.13.2

### OS/Browsers version
OSX / Chrome

### Vue version
2.6.11

### Reproduction Link
https://github.com/sdyalor/elementuireportJSX

### Steps to reproduce
From docs: https://vuejs.org/v2/guide/render-function.html#The-Data-Object-In-Depth

This works fine
```
import {Aside} from "element-ui"
...
h('Aside',
{
class:{container:true},
style:{
background: 'green',
// width: '100px'
}
// attrs:{width:'10px'}
},
['hellow']
)
```
But I'm unable to get this works with JSX
```
return (
hellow
)
}
```
Help

### What is Expected?
like a div, to add class or width

### What is actually happening?
not working

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.