How to pass variable to Vue component from React

[albedo-tech]

Trying to pass property to vue component from react. Here's working code with a static string as property: <div id='vue-container'><some-tag msg="hello" /></div> But I need to pass a variable (e.g. some object):

I tried to do it this way, but it didn't work. <div id='vue-container'><some-tag msg={testVariable} /></div>

[akxcv]

Hi! Doesn't <some-tag msg="testVariable" /> work?

[albedo-tech]

@akxcv Nope. This variable will be passed as string.

[akxcv]

Are you using JSX with Vue?

[albedo-tech]

@akxcv Yes.

[akxcv]

Can you please show the whole render function?

[arckdash]

well that's 'cause you're assigning a string as the value of the property u want to pass.

use this instead:

<VueWrapper
    component={myComponent}
    message={this.message}
    orientation="right"
/>