/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 vote386 views1 answer
Connect react native app to local api macos
Javascript React
0 vote384 views1 answer
Remarkable react js
Javascript React
0 vote373 views1 answer
How to change list item text color in react
Javascript React
0 vote384 views1 answer
React hooks simple projects
Javascript React
0 vote394 views1 answer
How to get property names from object using map method react
Javascript React
0 vote369 views1 answer
React google places auto complete example
Javascript React
1 vote398 views2 answers
Reset form input react
Javascript React
3 votes370 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
0 vote407 views1 answer
Reset reactive state vue 3
Javascript React
4 votes409 views2 answers
Hide status bar react native
Javascript React