Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net core mvc 如何将数据从ASP.NET视图传递到ReactJS.NET中的React组件_Asp.net Core Mvc_Reactjs.net - Fatal编程技术网

Asp.net core mvc 如何将数据从ASP.NET视图传递到ReactJS.NET中的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编

我正在一个.NET核心MVC项目中进行尝试,在该项目中,我得到了一个ASP.NET视图(cshtml),其中包含一个React组件,我使用以下组件进行初始化:



现在我想将数据从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”))
也许有更简洁的解决方案