/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 vote218 views1 answer
React throttle render
Javascript React
0 vote184 views1 answer
Compass in react js
Javascript React
1 vote194 views2 answers
What is the purpose of the super(props) method in React
Javascript React
6 votes183 views2 answers
React native spinkit
Javascript React
0 vote187 views1 answer
Ui5 React bind element
Javascript React
1 vote180 views1 answer
How to redirect in ionic react
Javascript React
0 vote169 views1 answer
React app link description preview
Javascript React
0 vote176 views1 answer
How to remove an object from array in react native
Javascript React
2 votes196 views1 answer
React import multiple images
Javascript React
0 vote197 views1 answer
How to reload webview in react native
Javascript React