Blazorでリストを表示しようとすると一瞬で消えてしまう

Question

開発環境
OS：Windows10
Visual Studio 2019
.NET 5.0
Blazor Server
Edge、Firefoxで確認

概要
Blazorを勉強しはじめていて、次のようなコードを書きました。

全表示のボタンを押すと、IDとタイトルのリストが2行出てくることを想定し、実際ボタンを押すと本当に0.1秒だけ見えるのですが、すぐに消えてしまいます。
挙動的にPostBackが発生して、allFにNullが入って再実行されてしまい、結果リストが初期化されているように見えます。そのため、@if (allF != null)を無効化すると、Nullが入っているというエラーが出て実行時にエラーで止まります。

解決方法がまるでわかりません。どうすれば表示したままにできるのでしょうか？ご教示よろしくお願いいたします。

@page "/test"

<h3>テストサイト</h3>

<form>
    <button id="btnAll" @onclick="dispList">全表示</button><br /><br />
    @if (allF != null)
    {
        <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>タイトル</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var af in allF)
                {
                    <tr style="background-color:#FFFFFF;">
                        <td>@af.fID</td>
                        <td>@af.fTitle</td>
                    </tr>
                }
            </tbody>
        </table>
    }
    else
    { <p>ボタンを押してください</p> }
</form>

@code
{
    public class AllFiles
    {
        public int fID;
        public string fTitle;
    }
    AllFiles afs;

    List<AllFiles> allF;

    void dispList()
    {
        allF = new List<AllFiles>();
        afs = new AllFiles();

        afs.fID = 1;
        afs.fTitle = "たいとる1";
        allF.Add(afs);

        afs.fID = 2;
        afs.fTitle = "たいとる2";
        allF.Add(afs);
    }
}

Comments

[退会済みユーザー]

開発環境（OS, Visual Studio, Core のバージョン、Server or WASP のどちらか、使用ブラウザなどの情報）を質問欄を編集して追記願います。

[morinokuma0621]

ご返答ありがとうございます。追記いたしました。

[morinokuma0621]

すみません、この情報を追記するために別のブラウザでテストしてみて、原因がわかりました……！
<form>タグのせいでした。これを削除するだけで、思うとおりの動き方をするようになりました。お手数をおかけしました！

Answer 1

原因がわかりました。<form>タグのせいでした。
これを削除するだけで、思うとおりの動き方をするようになりました。
別のブラウザでテストしてみたときに、アドレスの最後に「？」が付いたことで、フォームタグが原因ということに気が付けました。
別のところからコピペしてきて、<button>タグもあったので必要なんだろうと、何も考えずに使っていました。SurferOnWwwさん、ご回答ありがとうございました！