用SendGrid设置一些Dotnet，这样这个UI现在就可以用我的表单处理发送电子邮件了。

• 创建使用SendGrid绑定发送电子邮件的Azure Function。然后，您可以使用HTTP请求从React应用程序调用此函数。下面是工作的代码。

using Microsoft.Azure.Functions.Worker;
using Microsoft.Azure.Functions.Worker.Http;
using Microsoft.Extensions.Configuration;
using SendGrid;
using SendGrid.Helpers.Mail;

public class EmailFunction
{
    private readonly IConfiguration configuration;

    public EmailFunction(IConfiguration configuration)
    {
        this.configuration = configuration;
    }

    [Function("SendEmail")]
    public async Task<HttpResponseData> Run(
        [HttpTrigger(AuthorizationLevel.Function, "post", Route = "sendemail")] HttpRequestData req,
        FunctionContext context)
    {
        var emailData = await req.ReadFromJsonAsync<EmailData>();

        if (emailData == null)
        {
            var response = req.CreateResponse(HttpStatusCode.BadRequest);
            await response.WriteStringAsync("Invalid email data");
            return response;
        }

        var apiKey = configuration["SendGridApiKey"];
        var client = new SendGridClient(apiKey);
        var msg = new SendGridMessage
        {
            From = new EmailAddress("your-email@example.com", "Your Name"),
            Subject = "Form Submission",
            PlainTextContent = $"New form submission:\n\nName: {emailData.Name}\nEmail: {emailData.Email}\nMessage: {emailData.Message}",
            HtmlContent = $"<p>New form submission:</p><p><strong>Name:</strong> {emailData.Name}</p><p><strong>Email:</strong> {emailData.Email}</p><p><strong>Message:</strong> {emailData.Message}</p>"
        };
        msg.AddTo(new EmailAddress("recipient-email@example.com"));

        var response = await client.SendEmailAsync(msg);
        if (response.StatusCode != HttpStatusCode.Accepted)
        {
            var errorResponse = req.CreateResponse(HttpStatusCode.InternalServerError);
            await errorResponse.WriteStringAsync("Failed to send email");
            return errorResponse;
        }

        var successResponse = req.CreateResponse(HttpStatusCode.OK);
        await successResponse.WriteStringAsync("Email sent successfully");
        return successResponse;
    }
}

public class EmailData
{
    public string Name { get; set; }
    public string Email { get; set; }
    public string Message { get; set; }
}

在NuGet包管理器控制台中安装SendGrid NuGet包

• 在Azure Marketplace中，有一个Twilio sendgrid服务，可以创建一个sendgrid并提供需要触发检查的电子邮件。

• 它使用SendGrid API密钥来验证SendGrid并创建SendGrid客户端。然后，它使用表单数据创建一个SendGrid消息，并使用客户机发送该消息。
  检查引用：
• Azure Functions SendGrid bindings