/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 votes421 views1 answer
Path.split is not a function react hook use form
Javascript React
0 vote399 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
38 votes421 views2 answers
How to write a comment in react js
Javascript React
2 votes400 views2 answers
React native scrollview map
Javascript React
0 vote421 views1 answer
Pass text to button component react
Javascript React
7 votes402 views2 answers
Pass props in react
Javascript React
2 votes462 views1 answer
React router 6 navigate
Javascript React
0 vote377 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
6 votes441 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
8 votes402 views2 answers
React on link click scroll to top
Javascript React