/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 vote255 views1 answer
Can't type in react input text field
Javascript React
4 votes249 views3 answers
How to add google map in react js
Javascript React
0 vote260 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
0 vote249 views1 answer
React dynamic settings
Javascript React
1 vote258 views1 answer
Check if new user in firebase react
Javascript React
0 vote283 views1 answer
Reactive forms change event in angular
Javascript React
1 vote250 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
2 votes239 views1 answer
How to align text inside react component
Javascript React
24 votes218 views6 answers
React native navigation
Javascript React
0 vote244 views1 answer
Take string until react
Javascript React