/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 vote136 views1 answer
Could not resolve module fs react native
Javascript React
0 vote175 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote138 views1 answer
React style css image
Javascript React
1 vote121 views1 answer
How to call create react app
Javascript React
0 vote135 views6 answers
State functions of react cheatsheet
Javascript React
0 vote124 views1 answer
React Fontawesome Thumbs Up/Down rating (showcases background icon hiding)
Javascript React
0 vote145 views1 answer
Line separator with text in the center react native
Javascript React
15 votes126 views2 answers
Link reload page react
Javascript React
0 vote132 views1 answer
Websocket with Node and React
Javascript React
0 vote129 views1 answer
React native float upto 2 digits
Javascript React