Merge pull request #2 from egoist/feat/pass-props

feat: allow to pass props

README.md

@@ -40,6 +40,32 @@ const ReactComponent = toReact(VueComponent)
 render(<ReactComponent />, document.getElementById('app'))
 ```
 
+### Passing Props
+
+By default we pass all props from React to Vue:
+
+```js
+const Counter = toReact({
+  props: ['initialCount'],
+  render(h) {
+    return h('button', {}, [this.initialCount])
+  }
+})
+
+const App = <Counter initialCount={0} />
+```
+
+However you can customize how the props are passed to Vue with the `passProps` option:
+
+```js
+toReact(VueComponent, {
+  // Only pass `initialProps` prop
+  passProps: props => ({ initialCount: props.initialProps }),
+  // Or disable props
+  passProps: false
+})
+```
+
 ## Contributing
 
 1. Fork it!

src/index.js

@@ -1,14 +1,16 @@
 import React from 'react'
 import Vue from 'vue'
 
-export default Component => {
-  return () => {
+const defaultPassProps = props => props
+
+export default (Component, { passProps = defaultPassProps } = {}) => {
+  return props => {
     const el = React.useRef(null)
 
     React.useEffect(() => {
       const app = new Vue({
         el: el.current,
-        render: h => h(Component)
+        render: h => h(Component, { props: passProps ? passProps(props) : {} })
       })
 
       return () => app.$destroy()