/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

0 vote353 views3 answers
React lifecycle hooks
Javascript React
0 vote411 views2 answers
React open pdf in new tab
Javascript React
48 votes342 views1 answer
Emmet not working in react nextjs
Javascript React
1 vote454 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
4 votes327 views4 answers
React native android safeareaview
Javascript React
0 vote386 views1 answer
React native stopwatch
Javascript React
0 vote365 views1 answer
React call component state
Javascript React
1 vote366 views1 answer
React native modal not full screen
Javascript React
0 vote464 views1 answer
No routes matched location / react router
Javascript React
0 vote369 views1 answer
React state as object
Javascript React