/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

0 vote223 views1 answer
React native webview disable touch
Javascript React
0 vote284 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
5 votes212 views1 answer
Redirect in netlify react
Javascript React
0 vote223 views4 answers
How to pass data between routes in react
Javascript React
0 vote262 views2 answers
React-bootstrap sidebar menu
Javascript React
15 votes216 views2 answers
Link reload page react
Javascript React
0 vote212 views1 answer
Update an object key value in state react
Javascript React
24 votes215 views5 answers
How to change port in react js
Javascript React
1 vote225 views1 answer
Reactjs change window name
Javascript React
4 votes202 views1 answer
Navigating programatically react
Javascript React