/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 vote345 views1 answer
React grid generator
Javascript React
0 vote301 views1 answer
React event stop propagation
Javascript React
0 vote350 views1 answer
React native tab.screen hide title
Javascript React
0 vote316 views1 answer
(0 , _reactRouterDom.useHistory) is not a function
Javascript React
0 vote344 views1 answer
Tailwind css toggle switch react
Javascript React
0 vote326 views1 answer
React recursive component
Javascript React
0 vote338 views1 answer
React native uid
Javascript React
1 vote306 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote319 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
4 votes309 views1 answer
How to empty form after submit react
Javascript React