/Javascript/React/Reactjs .net pass value to react

Reactjs .net pass value to react

Since react is compilled into javacsript you can define your variable in your view.

<script type="text/javascript">let modelProperty= '@Model.ModelProperty';</script>
<script src="@Url.Content("~/Scripts/myComponent.jsx")"></script>

Then inside your react just call it like this

ReactDOM.render(<MyComponent prop0={modelProperty} />, document.getElementById("yourTargetElementId"))

Source: stackoverflow.com

Similar codes

4 votes321 views2 answers
Linking in react native
Javascript React
3 votes274 views3 answers
React ReferenceError: regeneratorRuntime is not defined
Javascript React
0 vote270 views1 answer
Change value in array react
Javascript React
0 vote247 views1 answer
React google login button size increase
Javascript React
0 vote272 views1 answer
Icon button react
Javascript React
-1 vote265 views2 answers
How to validate date in react
Javascript React
1 vote294 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote267 views1 answer
How to pass property component in react enzyme
Javascript React
1 vote252 views1 answer
Import react js video player
Javascript React
0 vote259 views1 answer
How to clear form fields in react after submit
Javascript React