vuereact-combined
vuereact-combined copied to clipboard
Vue和React快捷集成的工具包,并且适合复杂的集成场景
随便写了试了下, Vue 中 可以集成React组件。 但我试了下 React 内部通过 forwardRef 与 useImperativeHandle 暴漏了 外部调用的test()方法。 正常在React 调用子组件 直接 xxxRef.test() 即可 但我在vue中 拿到vue ref, 然后 ref.test() /. ref.reactRef.test(). 以及 ref.reactInstance 都 没找到 test方法并调用成功。。
  "TypeError: Cannot read properties of undefined (reading 'mixins')" Error in mounted hook: "TypeError: Cannot set properties of undefined (setting 'reactWrapperRef')"
我目前的解决方案:通过先在当前react组件外包裹一个新的react,在新react组件中处理ref更新问题,然后vue接入新的组件。通过这种方式保证vue接入react组件不需要处理ref。 ``` // 子组件(react): useImperativeHandle( ref, () => ({ query({ selectedWays, rangeTime }) { // ❌异常:当direction, stage在子组件内部变更时,父组件(vue)调用该query拿到的还是初始化的状态 console.log(direction, stage) }, }), [direction, stage] ); ``` ``` // 父组件(vue): handleQuery(curRangeTime, selected)...
vue父组件传递ref,react子组件中使用useImperativeHandle暴露方法。 在vue父组件中可以获取到react子组件实例,但无法获取到最新的react状态(只能获取到初始化时候的状态)
Hi, Wonder if anybody got a clue or idea, why when a Vue component is rendering a React component with `applyReactInVue` - when navigating away from the page, in the...