Csharp Blazor Server.NET 8中的Blazore.FluentValidation问题

您有两个问题:

为什么我得到一个空例外？

第一次渲染组件之前，_fluentValidationValidator为空:在第一次渲染之前，子组件[如FluentValidationValidator]不存在.

private FluentValidationValidator? _fluentValidationValidator;

因此，如果在第一次呈现之前try 使用Validated，则会出现异常，因为没有_fluentValidationValidator对象可以调用Validate._fluentValidationValidator!告诉编译器忽略空值验证判断，因为您更清楚代码_fluentValidationValidator中的这一点不能为空值.显然，情况并非如此.

private bool Validated => _fluentValidationValidator!.Validate(options => { 
                          options.IncludeAllRuleSets(); });

您可以像这样使用null-conditional operator，如果_fluentValidationValidator为空，则返回false.

private bool Validated => _fluentValidationValidator?.Validate(options => { 
                          options.IncludeAllRuleSets(); }) ?? false;

或者重构你的逻辑，在你知道_fluentValidationValidator不是null之前不要try 使用它.

在文档中，您可以看到这一点.此时您正在提交表单，因此必须存在_fluentValidationValidator个.

    private void SubmitFormAsync()
    {
        if (await _fluentValidationValidator!.ValidateAsync())
        {
            Console.WriteLine("Form Submitted Successfully!");
        }
    }

就我个人而言，除非迫不得已，否则我不喜欢使用空 suppress 操作符.我更喜欢带花括号的零条件运算符.

为什么我的AuthInput绑定不起作用？

你不能像现在这样用Bind美元.在组件中，您需要分别分配getter和setter.当您从InputBase继承时，您需要将这些连接到CurrentValueAsString中以插入到内置的InputBase逻辑中.

以下是组件的重构版本.我添加了一些注释，质疑您为什么有某些参数，因为我猜您放入这些参数是因为它们存在于 bootstrap 示例代码中.如果你有正当的理由，那就忽略我的 comments .我还重构了一些地方的可空性.

@using Microsoft.AspNetCore.Components.Forms
@using System.Linq.Expressions
@using System.Diagnostics.CodeAnalysis

@inherits InputBase<string>

<div class="@ColSize">
    <div class="mb-3">
        @if(this.LabelText is not null)
        {
            <label class="form-label">@LabelText</label>
        }
        <input @attributes="@AdditionalAttributes" class="form-control" type="@_type"
               required="@IsRequired" value="@this.CurrentValueAsString" @onchange="this.SetValue" placeholder="@PlaceHolder" />
        <ValidationMessage For="this.ValueExpression" />
        <div class="invalid-feedback"></div>
    </div>
</div>

@code {
    // Do you need this?
    //[Parameter] public string Id { get; set; }
    [Parameter] public string? LabelText { get; set; }
    [Parameter] public string ColSize { get; set; } = "col-12";
    // Do you need this?
    //[Parameter] public string FieldName { get; set; }
    [Parameter] public string PlaceHolder { get; set; } = "Enter a value";
    [Parameter] public bool IsRequired { get; set; } = false;
    [Parameter] public TextFieldType TextFieldType { get; set; } = TextFieldType.Text;

    // Why include number - InputBase<int> if it's a integer
    private string _type => TextFieldType == TextFieldType.Text ? "text" :
                            TextFieldType == TextFieldType.Number ? "number" :
                            TextFieldType == TextFieldType.Password ? "password" :
                            TextFieldType == TextFieldType.EmailAddress ? "email" :
                            "text";

    private void SetValue(ChangeEventArgs e)
    {
        this.CurrentValueAsString = e.Value?.ToString() ?? null;
    }

    protected override bool TryParseValueFromString(string? value, out string? result, [NotNullWhen(false)] out string? validationErrorMessage)
    {
        result = value;
        validationErrorMessage = null;
        return true;
    }
}

然后，本页演示了该控件的实际操作:

@page "/"

<PageTitle>Home</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.
<EditForm Model="_model" >
    <AuthInput @bind-Value="_model.UserName" LabelText="User Name" PlaceHolder="Enter your user name" />

</EditForm>

<div class="bg-dark text-white m-2 p-2">
    <pre>User Name: @_model.UserName</pre>
</div>

@code {
    private Model _model = new();

    public class Model {
        public string? UserName { get; set; }

    }
}