如何将数据从ASP.NET视图传递到ReactJS.NET中的React组件

Question

我正在一个.NET Core MVC项目中试用ReactJS.NET，在该项目中我具有一个带有React组件的ASP.NET视图（cshtml），并使用以下代码进行初始化：

<script src="@Url.Content("~/Scripts/myComponent.jsx")"></script>

现在我想将数据从ASP.NET视图传递到React组件。例如，当我单击ASP.NET视图上的按钮时，调用React函数。这可能吗？我知道这是一个基本问题，但是我找不到任何帮助，因为在所有示例中，数据仅在React组件之间传递，而不是从外部传递（ASP.NET View）。

Answer 1

我找不到解决此问题的方法。因此，我最终用ReactJS编写了整个页面，虽然花了一些时间，但是效果很好，而且我不需要混合技术。

Answer 2

在脚本中声明一个 JS 变量并从模型中分配一个属性值：

<script type="text/javascript">let modelProperty= '@Model.ModelProperty';</script>
<script src="@Url.Content("~/Scripts/myComponent.jsx")"></script>

然后在你的 ReactJS 脚本中使用 modelProperty：

ReactDOM.render(<MyComponent prop0={modelProperty} />, document.getElementById("yourTargetElementId"))

也许还有更巧妙的解决方案...