/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 vote155 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
23 votes178 views5 answers
USE ICONS IN REACT
Javascript React
0 vote158 views1 answer
Npx code for src folder in react js
Javascript React
3 votes176 views1 answer
React tooltip data-tip
Javascript React
5 votes157 views3 answers
Open in a new tab react
Javascript React
3 votes127 views2 answers
React navigation header transparent
Javascript React
34 votes161 views3 answers
React-router
Javascript React
1 vote145 views2 answers
Yarn react native cli
Javascript React
1 vote150 views1 answer
Change color react icon
Javascript React
0 vote161 views1 answer
React native datepicker disable future dates
Javascript React