如何将焦点设置到嵌入子组件中的 MudTextField？

Question

我有一个 .razor 页面（父级），其中包含一个 MudTextField 子组件。 当用户导航到父页面时，我希望焦点/光标位于 MudTextField 中。 如何获取Child中MudTextField对Parent的引用？

注意：我注意到我的代码中 Parent 拼写错误。 我在截图后更正了这个问题。

谢谢你

父组件中的子组件

父级中的EventCallBack

子组件中的 MudTextField

子函数到父函数

Answer 1

在您的组件中添加 FocusTextField 方法

    public async Task FocusTextField()
    {
        await refUserInputField.FocusAsync();
    }

然后在实例化组件时使用对其的引用，例如

<TestComponent @ref="testComponentRef" />
@code {
  private TestComponent testComponentRef;
}

然后触发它

await testComponentRef.FocusTextField()