/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 vote197 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
0 vote200 views1 answer
UseFetch custom hook for React
Javascript React
1 vote207 views3 answers
Add react to existing project
Javascript React
-1 vote227 views1 answer
Command not found:create-react-app
Javascript React
1 vote216 views1 answer
I18n react meta description
Javascript React
0 vote281 views1 answer
React implicit return
Javascript React
12 votes263 views3 answers
Vs code emmet for html in react
Javascript React
0 vote204 views1 answer
Rich text react renderer
Javascript React
0 vote278 views1 answer
React actions sintaxe
Javascript React
0 vote266 views1 answer
Mixed line chart for angular or react
Javascript React