/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

3 votes109 views1 answer
Include gif in react
Javascript React
0 vote109 views1 answer
React replace all line breaks with br
Javascript React
1 vote108 views2 answers
How to use gif in react native
Javascript React
1 vote74 views1 answer
React native close other app
Javascript React
4 votes125 views1 answer
Text input placeholder color react native
Javascript React
0 vote113 views1 answer
Icon button react
Javascript React
9 votes135 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote129 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
0 vote117 views1 answer
Link tag react
Javascript React
0 vote104 views1 answer
Images not displaying in react
Javascript React