/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 vote408 views1 answer
React native uid
Javascript React
97 votes371 views8 answers
Create react app
Javascript React
0 vote404 views1 answer
Adding js file to reactjs
Javascript React
0 vote406 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
0 vote432 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote360 views1 answer
React native get navigation bar height
Javascript React
0 vote399 views1 answer
Custom login with facebook button react native
Javascript React
0 vote397 views1 answer
React navbar material ui
Javascript React
0 vote356 views1 answer
React border radius
Javascript React
0 vote381 views1 answer
Package path ./react is not exported from package next-auth
Javascript React