/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

2 votes145 views1 answer
React native image source local file
Javascript React
0 vote141 views1 answer
How to disable react in jsx scope eslint
Javascript React
19 votes148 views3 answers
React Hooks append state
Javascript React
1 vote141 views1 answer
React native "modalize" above bottom navigation
Javascript React
0 vote148 views1 answer
Redirect to another path react
Javascript React
0 vote143 views1 answer
How to start react project on atom
Javascript React
9 votes128 views2 answers
How to redirect react router from the app components
Javascript React
1 vote132 views2 answers
Upload image react
Javascript React
21 votes132 views3 answers
Map function in react
Javascript React
1 vote129 views2 answers
Adding more than one class react
Javascript React