如何在 Blazor 中使用 Substring 方法处理父子关系？

Question

我是 Blazor 的初学者，并在 Blazor WASM 中创建了一个简单的应用程序。有亲子关系。我真正想要的是 Parent 应该传递已切片的 FirstName，而 Child Component 应该将切片的 FirstName 作为参数并显示在页面上。

我的父组件

@using BlSls.Client.Shared

        <Child FirstName="@FirstName" />

@code{

 
private string FirstName ="Royster" ;

protected override async Task OnInitializedAsync()
{
       FirstName=FirstName.SubString(0,FirstName.Length-4);
}

  

}

我的孩子组件

<span >Welcome,@FirstName</span>
@code {

     [Parameter] public string FirstName { get; set; }
}

我需要在页面上将名为“Royster”的名字显示为“Roy”。但我无法将切好的绳子送给孩子。取而代之的是，我得到了完整的字符串。我的错误点是什么？有人可以帮帮我吗？

Answer 1

发生这种情况是因为您将子字符串代码放在 OnInitializedAsync() 中，保留在 OnInitialized() 中

另外，您的代码可以改进：

父组件：

@using BlSls.Client.Shared

<Child SlicedName="@SlicedName" />

@code{
private string FirstName ="Royster" ;
private string SlicedName;
protected override void OnInitialized()
{
       SlicedName=FirstName.SubString(0,FirstName.Length-3);
}
}

由于子字符串不是特别昂贵的操作，可以直接在参数赋值中使用：

@using BlSls.Client.Shared

<Child SlicedName="@FirstName.SubString(0,FirstName.Length-3)" />

@code{
private string FirstName ="Royster" ;
}

Answer 2

这是您的代码的工作版本。

1. 组件是一样的。
2. 我已经拆分了名字。
3. SubString 实际上是 Substring，而且你的编码方式不起作用。
4. OnInitializedAsync 丢失了 async，因为没有异步行为。
5. 我已将您的方法放在按钮单击上。

@page "/Hello"
<Child FirstName="@shortFirstName" />

<div class="m-3">
    <button class="btn btn-dark" @onclick="Calc">Your Calculation</button>
</div>
@code{

    private string FirstName = "Royster";
    private string shortFirstName = "Royster";

    protected override Task OnInitializedAsync()
    {
        shortFirstName = FirstName.Substring(0, 3);
        return Task.CompletedTask;
    }

    protected void Calc()
        => shortFirstName = FirstName.Substring(0, FirstName.Length - 3);

}

什么开发。你使用的环境？为什么没有出现编译错误？