.net - 这个 Blazor EditForm 的错误是什么？

Question

我试图按照从 youtube channel 创建表单的说明进行操作:
https://www.youtube.com/watch?v=zfqQ_fhmPOQ
或者
https://www.youtube.com/watch?v=40njRXr6eUo
或者我什至尝试了这样一个非常简单的代码

    <EditForm Model="@author" OnValidSubmit="SaveAuthor">
            <p>
                <label></label>
                <InputText id="FirstName" @bind-Value="author.FirstName"/>
            </p>
     </EditForm>

这是我的代码示例的 github 链接 https://github.com/maxrena/BlazorServerApp.git
它仍然返回这样的错误

请帮我解决。

Answer 1

这是罪魁祸首:

if ((EditContext == null) == (Model == null))
{
    throw new InvalidOperationException($"{nameof(EditForm)} requires a {nameof(Model)} " +
        $"parameter, or an {nameof(EditContext)} parameter, but not both.");
}

您没有实例化您的模型，并且您没有 EditContext
您可能已经这样做了: Author author;您应该按如下方式实例化您的对象:
你可以这样做:

   @code {
       Author author = new Author();
       public class Author
       {
          public string FirstName {get; set;} = "Charls"; 
        }
   }

运行示例:

    <EditForm Model="@author" OnValidSubmit="SaveAuthor">
    <p>
        <label></label>
        <InputText id="FirstName" @bind-Value="author.FirstName" />
    </p>

    <p><button type="submit">Submit</button></p>
</EditForm>
@code {
    Author author = new Author();

    private void SaveAuthor()
    {
        Console.WriteLine(author.FirstName);
    }
    public class Author
    {
        public string FirstName { get; set; } = "Charls";
    }
}

希望这可以帮助...