/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

-2 votes237 views1 answer
React Pagination
Javascript React
1 vote297 views1 answer
React native flatlist hide scrollbar
Javascript React
1 vote266 views3 answers
React toggle state
Javascript React
0 vote245 views1 answer
Reactjs download file axios
Javascript React
0 vote235 views1 answer
Divide string in lines react native max width
Javascript React
4 votes250 views1 answer
How to send axios delete to the backend reactjs
Javascript React
0 vote219 views1 answer
Strike react native
Javascript React
112 votes258 views5 answers
Command to create react app
Javascript React
0 vote223 views1 answer
React native section list sort by alphabet
Javascript React
3 votes248 views1 answer
React native class component constructor
Javascript React