This code will help you to understand how to pass values from child to parent using EventCallBack in Blazor.
in Blazor?To pass values from a child to a parent component, see the following.
Parent component
[Parent.razor] @page "/ParentComponent" <h1>Parent Component</h1> <ChildComponent @bind-Password="_password" /> @code { private string _password; }
Child component
[ChildComponent.razor] <h1>Child Component</h1> Password: <input @oninput="OnPasswordChanged" required type="@(_showPassword ? "text" : "password")" value="@Password" /> <button class="btn btn-primary" @onclick="ToggleShowPassword"> Show password </button> @code { private bool _showPassword; [Parameter] public string Password { get; set; } [Parameter] public EventCallback<string> PasswordChanged { get; set; } private Task OnPasswordChanged(ChangeEventArgs e) { Password = e.Value.ToString(); return PasswordChanged.InvokeAsync(Password); } private void ToggleShowPassword() { _showPassword = !_showPassword; } }
total answers (1)
start bookmarking useful questions and collections and save it into your own study-lists, login now to start creating your own collections.
in Blazor?
To pass values from a child to a parent component, see the following.
Parent component
Child component
need an explanation for this answer? contact us directly to get an explanation for this answer