/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 vote409 views1 answer
Ionic react use yarn
Javascript React
1 vote352 views1 answer
React-router-dom v6 redirect
Javascript React
0 vote387 views1 answer
Unistall react node package
Javascript React
1 vote349 views2 answers
Change text size according to screen react native
Javascript React
0 vote335 views1 answer
React padding at bottom svg
Javascript React
1 vote358 views1 answer
React native new project mac
Javascript React
1 vote389 views1 answer
Statusbar reactnati
Javascript React
2 votes333 views1 answer
React html input required conditional
Javascript React
2 votes371 views2 answers
React material ui media queries
Javascript React
0 vote345 views1 answer
React map gl
Javascript React