/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

3 votes329 views1 answer
How to go to another page onclick in react
Javascript React
-1 vote342 views2 answers
Minified react error #200
Javascript React
0 vote358 views1 answer
Header logo react native img
Javascript React
0 vote351 views1 answer
React js practical tutorial
Javascript React
0 vote320 views1 answer
React simple typewriter
Javascript React
2 votes354 views1 answer
How to import lodash in react
Javascript React
0 vote359 views1 answer
Navigation scroll react
Javascript React
0 vote352 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote451 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
0 vote323 views1 answer
How to filter items in react state
Javascript React