/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 vote338 views1 answer
React native make safe view in mobile
Javascript React
10 votes323 views1 answer
Dimensions react native
Javascript React
0 vote319 views1 answer
How to submit form in reactjs and send data in json
Javascript React
1 vote313 views6 answers
React-native build debug apk
Javascript React
0 vote377 views1 answer
Scroll down react js typescript
Javascript React
4 votes323 views2 answers
React input number
Javascript React
10 votes316 views2 answers
React-native text overflow ellipsis
Javascript React
1 vote297 views1 answer
Adding parameters to url react router
Javascript React
2 votes328 views1 answer
Passing multiple props to child component in react
Javascript React
0 vote310 views1 answer
React native create text file
Javascript React