Blazor binding is not working when calling a method from @ref component reference

I have a simple Blazor component which is textbox that has been bound to a property:

<input @bind="TheValue" />@code {    public string TheValue { get; set; } = "abc";    public void FillTextBox(string s)    {        TheValue = s;        Console.WriteLine("TheValue is = " + TheValue);    }}

And in my main page where I used the component I have the following code:

<MyTextbox @ref="myTextbox" /></MyTextbox><button @onclick="@(()=>myTextbox.FillTextBox("123"))">Fill</button>@code {     MyTextbox myTextbox;}

When the component is rendered it has the default value of "abc" and if I call the FillTextBox inside the component it also work fine but when I click the button although the FillTextBox will be executed (and displays the value in the console) it does not change the input element's value.So to summarize the @bind does not work when I call the method that changes the binding variable .

Update: I'm seeking for data-binding or passing value to child components, I am looking for calling a previously-created child component method without having to be concerned about whether the component will render itself correctly.