/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 vote130 views1 answer
React native run on a particular emu
Javascript React
0 vote169 views1 answer
Nested arrays reactjs tables
Javascript React
3 votes128 views2 answers
React router active link css
Javascript React
0 vote157 views1 answer
React-native-image-viewing
Javascript React
3 votes144 views1 answer
React arrays
Javascript React
14 votes148 views2 answers
React router link with params
Javascript React
1 vote146 views1 answer
How to set state when change viewport react
Javascript React
0 vote142 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
1 vote219 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote131 views1 answer
How to stop server of react js
Javascript React