/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

24 votes69 views6 answers
React native navigation
Javascript React
1 vote130 views1 answer
React render html variable
Javascript React
0 vote104 views1 answer
React keydown event listener
Javascript React
0 vote94 views1 answer
Chromepicker react-color not working
Javascript React
0 vote100 views1 answer
React break out of useeffect
Javascript React
0 vote55 views1 answer
Integrate my own google pay using react js
Javascript React
34 votes112 views3 answers
React-router
Javascript React
0 vote128 views1 answer
React native run on specific emulator
Javascript React
1 vote155 views1 answer
React native run ios select simulator
Javascript React
5 votes106 views1 answer
How to create component in reactjs
Javascript React