key directive test

Index.razor

@page "/"
@using System.Collections.Generic;

<h1>Hello, world!</h1>

Welcome to your new app.

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var person in People)
        {
            <tr @key="person">
                <td><input type="text" @bind-value="person.name" /></td>
                <td><input type="text" @bind-value="person.age" /></td>
            </tr>
        }
    </tbody>
</table>


<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var person in People)
        {
            <tr @key="person">
                <td><input type="text" @bind-value="person.name" /></td>
                <td><input type="text" @bind-value="person.age" /></td>
            </tr>
        }
    </tbody>
</table>



@code {

    [Parameter]
    public List<Person> People { get; set; }

    protected override void OnInitialized()
    {
        this.People = new List<Person>();

        People.Add(new Person() { name = "kazuya", age = 31 });
        People.Add(new Person() { name = "takahashi", age = 32 });

    }

    public class Person
    {

        public string name { get; set; }

        public int age { get; set; }

    }
}