/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 vote199 views2 answers
Write data in props.histroy.push in react component
Javascript React
3 votes189 views2 answers
React router hooks
Javascript React
0 vote215 views1 answer
React electron desktop app
Javascript React
1 vote198 views5 answers
React datepicker
Javascript React
0 vote195 views1 answer
React onclick div
Javascript React
29 votes186 views6 answers
React background image
Javascript React
10 votes206 views3 answers
Jquery react npm
Javascript React
108 votes326 views2 answers
React start new app
Javascript React
0 vote191 views1 answer
Gradlew command not found react native
Javascript React
1 vote211 views1 answer
How to redirect in ionic react
Javascript React