/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 vote312 views1 answer
How to connect socket in react js
Javascript React
13 votes327 views5 answers
React native setup
Javascript React
0 vote296 views1 answer
Strike react native
Javascript React
0 vote318 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
17 votes281 views6 answers
React native build android
Javascript React
0 vote304 views1 answer
React native force vertical
Javascript React
9 votes362 views1 answer
How to create a react app in current folder
Javascript React
8 votes329 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
8 votes313 views2 answers
React native italic text
Javascript React
0 vote293 views1 answer
Active link color different in react js
Javascript React