↑
appIDを取得してReactDOM.render(‹Layout›,app);でLayoutクラス？を呼び出してる
Blazor
@page "/todo"
<h3>Todo</h3>
<ul>
@foreach (var todo in todos)
{
<li>@todo.Title</li>
}
</ul>
<input placeholder="Something todo" @bind="newTodo" />
<button @onclick="AddTodo">Add todo</button>
@code {
private List<TodoItem> todos = new();
private string? newTodo;
private void AddTodo()
{
if (!string.IsNullOrWhiteSpace(newTodo))
{
todos.Add(new TodoItem { Title = newTodo });
newTodo = string.Empty;
}
}
}
↑
HTMLに直接@プロパティ名を記入して@code以下に書かれたプロパティ（ここではtodoListのtitle）を持ってくる
HTMLに直接@onclick="関数名"で関数（ここではAddTodo()）の呼び出し
