/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 vote383 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote399 views2 answers
React-native local image not showing ios
Javascript React
105 votes417 views1 answer
Install and run react js project...
Javascript React
0 vote365 views2 answers
React native navigation header Right
Javascript React
0 vote383 views1 answer
React native text area align top
Javascript React
0 vote402 views1 answer
React function runs several times
Javascript React
0 vote341 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
6 votes401 views1 answer
React native data map is not a function
Javascript React
1 vote415 views1 answer
React component key prop
Javascript React
0 vote363 views1 answer
Add React Router to React Redux CRUD App
Javascript React