/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

-1 vote343 views1 answer
Component navigation without changin the url react router
Javascript React
0 vote327 views1 answer
Routing in react jps
Javascript React
0 vote342 views1 answer
Antd react native
Javascript React
0 vote307 views1 answer
React simple typewriter
Javascript React
2 votes346 views1 answer
React allow only numbers in input
Javascript React
0 vote347 views1 answer
How to get parent's ref react
Javascript React
-1 vote315 views3 answers
Divider in react native
Javascript React
0 vote318 views1 answer
Nested navigation react native
Javascript React
-1 vote330 views1 answer
Flatlist react native horizontal
Javascript React
0 vote321 views1 answer
Modal react form table
Javascript React