/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

32 votes137 views2 answers
Npm react router dom@5
Javascript React
0 vote162 views1 answer
React steam auth
Javascript React
0 vote133 views1 answer
React router route not found redirect
Javascript React
3 votes139 views3 answers
React portals
Javascript React
68 votes148 views4 answers
Inline style react
Javascript React
0 vote138 views1 answer
If statement in react native
Javascript React
0 vote137 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote174 views1 answer
React-native-calendars how to mark selected day
Javascript React
0 vote146 views2 answers
Background transparent react native
Javascript React
0 vote142 views1 answer
JSON.stringify with strip slash reactjs
Javascript React