/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 vote176 views1 answer
Left side menu react js
Javascript React
1 vote312 views1 answer
How to find the width of outerconatiner in react native
Javascript React
0 vote303 views1 answer
React native create text file
Javascript React
0 vote202 views1 answer
Header logo react native doesn't show
Javascript React
17 votes227 views5 answers
How to run react native app
Javascript React
5 votes218 views2 answers
What hostings can run react js
Javascript React
0 vote234 views1 answer
Javascript react reverse map
Javascript React
0 vote205 views1 answer
React native hide stack navigator title
Javascript React
2 votes240 views1 answer
How to do a classname variable and string react
Javascript React
21 votes159 views3 answers
Hide header bar react navigation
Javascript React