/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 vote226 views5 answers
Enzyme adapter react 17
Javascript React
0 vote204 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
1 vote206 views1 answer
Difference between dom and react dom
Javascript React
0 vote215 views1 answer
React native fetch response code
Javascript React
0 vote236 views1 answer
React-template-helper
Javascript React
-2 votes230 views1 answer
React spring transition animations
Javascript React
26 votes261 views6 answers
React redirect to url
Javascript React
0 vote200 views1 answer
Reactvs y axis range
Javascript React
15 votes205 views1 answer
React forwardref
Javascript React
0 vote237 views1 answer
Casl react redux
Javascript React