手动编辑后 TextArea 对更改没有反应

Question

这个小例子说明了这一点。您单击按钮，页面会同时更改文本区域和输入，但是如果您手动更改文本区域中的某些内容，则当您再次单击时它会停止更新其内容。你是怎么解决的，让它总是从代码变来变去？

@page "/TextAreaTest"
<h3>TextArea Test</h3>
<textarea>@textContent</textarea>
<br />
<input type="text" value="@textContent" />
<br /><br />
<input type="button" value="Change It" @onclick="ChangeIt" />

@code {
    string textContent = "now...";

    void ChangeIt() =>
        textContent = $"{DateTime.Now:HH:mm:ss.fff}";
}

Answer 1

使用值或@bind

<textarea value="@textContent"></textarea>
// or
<textarea @bind="textContent"></textarea>