/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

18 votes165 views3 answers
React detect enter key
Javascript React
0 vote148 views1 answer
Start withnreact
Javascript React
1 vote162 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
-1 vote156 views1 answer
Use inline and other styles react native
Javascript React
3 votes136 views3 answers
Async await class component react
Javascript React
1 vote150 views1 answer
Input type number react native
Javascript React
0 vote159 views1 answer
Websocket with Node and React
Javascript React
0 vote208 views1 answer
Tailwind css toggle switch react
Javascript React
33 votes160 views3 answers
React routes
Javascript React
38 votes170 views2 answers
How to comment out code in react js
Javascript React