Asp.net core mvc 如何将数据从ASP.NET视图传递到ReactJS.NET中的React组件
我正在一个.NET核心MVC项目中进行尝试,在该项目中,我得到了一个ASP.NET视图(cshtml),其中包含一个React组件,我使用以下组件进行初始化:Asp.net core mvc 如何将数据从ASP.NET视图传递到ReactJS.NET中的React组件,asp.net-core-mvc,reactjs.net,Asp.net Core Mvc,Reactjs.net,我正在一个.NET核心MVC项目中进行尝试,在该项目中,我得到了一个ASP.NET视图(cshtml),其中包含一个React组件,我使用以下组件进行初始化: 现在我想将数据从ASP.NET视图传递到React组件。例如,单击ASP.NET视图上的按钮时调用React函数。这可能吗?我知道这是一个基本问题,但我找不到任何帮助,因为在所有示例中,数据只在React组件之间传递,而不是从外部(ASP.NET视图)传递。我找不到一种方法来完成我在这个问题中描述的操作。因此,我最终用ReactJS编
现在我想将数据从ASP.NET视图传递到React组件。例如,单击ASP.NET视图上的按钮时调用React函数。这可能吗?我知道这是一个基本问题,但我找不到任何帮助,因为在所有示例中,数据只在React组件之间传递,而不是从外部(ASP.NET视图)传递。我找不到一种方法来完成我在这个问题中描述的操作。因此,我最终用ReactJS编写了整个页面,这花了一些时间,但效果很好,而且我不必混合使用技术。我找不到一种方法来完成我在这个问题中描述的内容。因此,我最终用ReactJS编写了整个页面,这花了一些时间,但效果很好,而且我不必混合使用技术。在脚本中声明JS变量,并从模型中分配属性值:
<script type="text/javascript">let modelProperty= '@Model.ModelProperty';</script>
<script src="@Url.Content("~/Scripts/myComponent.jsx")"></script>
let modelProperty='@Model.modelProperty';
然后在ReactJS脚本中使用该modelProperty:
ReactDOM.render(<MyComponent prop0={modelProperty} />, document.getElementById("yourTargetElementId"))
ReactDOM.render(,document.getElementById(“yourTargetElementId”))
也许还有更简洁的解决方案…在脚本中声明JS变量并从模型中指定属性值:
<script type="text/javascript">let modelProperty= '@Model.ModelProperty';</script>
<script src="@Url.Content("~/Scripts/myComponent.jsx")"></script>
let modelProperty='@Model.modelProperty';
然后在ReactJS脚本中使用该modelProperty:
ReactDOM.render(<MyComponent prop0={modelProperty} />, document.getElementById("yourTargetElementId"))
ReactDOM.render(,document.getElementById(“yourTargetElementId”))
也许有更简洁的解决方案