vuera icon indicating copy to clipboard operation
vuera copied to clipboard

ReactWrapper and VueWrapper can't show the children vnode

Open ppfalling opened this issue 3 years ago • 1 comments

<template>
  <div>    
    <my-react :route="$route">
      <a>!!!!!children:react children</a>    here can't render   ???
    </my-react>
  </div>
</template>

<script>
import { ReactWrapper } from 'vuera'
import myReact from '../myReact.tsx'
export default {
  components:{
    myReact
  }
  
}
</script>

<style>

</style>

ppfalling avatar Nov 18 '20 08:11 ppfalling

Of course. Since Vuera just using React to show your react component in vue, and do the vue props transform work for your react component. Vuera didn't transform vue format virtualDOM to React format virtualDOM. What your react componet and react get in the children props isn't a real react virtualDOM actually.

Hope there is one day that vuera can support transforming virtualDOM between react and vue. It is hard but worthly.

DaiQiangReal avatar Dec 17 '21 08:12 DaiQiangReal