要在C#中調用React組件，您需要使用React的.NET庫，它允許在ASP.NET應用程序中集成React
安裝ReactJS.NET：
在Visual Studio中打開項目，然后使用NuGet包管理器安裝ReactJS.NET。在“工具”>“NuGet包管理器”>“管理解決方案的NuGet包”中進行安裝。搜索并安裝React.AspNet。
配置ReactJS.NET：
在項目的Startup.cs文件中，添加以下代碼：
using React.AspNet;
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
// ...
services.AddReact();
// ...
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
// ...
app.UseReact(config =>
{
config
.SetLoadBabel(false)
.SetLoadReact(false)
.SetReuseJavaScriptEngines(true);
});
// ...
}
}
創建React組件：
在項目中創建一個新的文件夾（例如：ReactComponents），然后在其中創建一個JavaScript文件（例如：MyComponent.js）。在此文件中編寫React組件：
import React from 'react';
export default class MyComponent extends React.Component {
render() {
return (
<div>
<h1>Hello, {this.props.name}!</h1>
</div>
);
}
}
在C#中調用React組件：
在C#視圖中，使用Html.React方法調用React組件：
@using React.AspNet
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
<!DOCTYPE html>
<html>
<head>
<title>React Component in C#</title>
</head>
<body>
<div id="myComponent"></div>
@Html.React("MyComponent", new { name = "John Doe" }, clientOnly: true)
<script src="@Url.Content("~/js/MyComponent.js")"></script>
@Html.ReactInitJavaScript()
</body>
</html>
這將在頁面上呈現名為“John Doe”的<MyComponent>組件。請確保已將React和ReactDOM庫添加到項目中，或者通過CDN引用它們。
注意：這些示例僅適用于ASP.NET Core應用程序。對于ASP.NET 4.x應用程序，配置和使用方法略有不同。
