/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

1 vote123 views1 answer
React-redux todo list
Javascript React
0 vote126 views1 answer
React native stylesheet shortcut
Javascript React
5 votes125 views2 answers
Svg react native
Javascript React
0 vote144 views1 answer
Import batch from 'react-redux'
Javascript React
0 vote132 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
2 votes130 views1 answer
Vertical align center react native view
Javascript React
11 votes143 views2 answers
How to refresh the page using react
Javascript React
0 vote122 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
103 votes114 views7 answers
How to create react app
Javascript React
0 vote163 views1 answer
React native make safe view in mobile
Javascript React