/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

5 votes231 views2 answers
Code splitting react
Javascript React
0 vote235 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
1 vote208 views1 answer
React material ui input max length
Javascript React
2 votes192 views2 answers
How to export multiple functions react from one file
Javascript React
61 votes199 views6 answers
Reactjs router
Javascript React
14 votes190 views2 answers
Adding border in react native
Javascript React
-2 votes152 views2 answers
React gsap
Javascript React
0 vote213 views1 answer
React.createElement
Javascript React
1 vote235 views1 answer
Two proptypes in react
Javascript React
32 votes375 views2 answers
How to routing in react js
Javascript React