vuera icon indicating copy to clipboard operation
vuera copied to clipboard

Vue Provide/Inject Not Working In React

Open tspayne87 opened this issue 4 years ago • 1 comments

This might be out of the scope of this project, but it does not seem that this works for Vue components. I would like to do something like this in React by using Vue Components

import Tabs from './Tabs.vue';
import Tab from './Tab.vue';

function ReactComponent() {
  return (
    <Tabs>
      <Tab title="Tab 1">
        Some Content
      </Tab>

      <Tab title="Tab 2">
        Some Content
      </Tab>
    </Tabs>
  );
}

In the Tab component, it uses inject to get methods from the provided Tabs component. I am sure I could accomplish this by creating another Vue component that would wrap this structure, but it would be nice to be able to handle this in the React component.

tspayne87 avatar Jun 22 '20 16:06 tspayne87

I actually want this interoperability in this project. At the moment, I plan to assess what's outstanding and push forward with it. I'm sorry it's taken so long to get a response.

cwadrupldijjit avatar Feb 04 '22 07:02 cwadrupldijjit