0001仕様書無しさん
2023/12/25(月) 11:42:52.96https://i.imgur.com/XMaCJUM.png
↑
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())の呼び出し