/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 votes134 views2 answers
Countdown in react js
Javascript React
0 vote140 views1 answer
React application preloader add
Javascript React
0 vote131 views1 answer
How to bound a state variable to a field react final form
Javascript React
0 vote134 views1 answer
React axios get cookie from response
Javascript React
2 votes131 views2 answers
React detect screen size
Javascript React
0 vote133 views1 answer
Ipa failed react native after processing
Javascript React
0 vote124 views1 answer
React native use route undefined
Javascript React
14 votes136 views5 answers
React conditional class
Javascript React
2 votes120 views4 answers
Multiple export in react
Javascript React
0 vote130 views1 answer
OnPress image react native
Javascript React