User379720387 posted
Making some progress, now have it almost working up to where it is, not yet, showing some data. The api works and I get a json string returned in the browser.
The students.razor functionality is not working right.
Below is the original code as per
this tutorial.
The two highlighted methods have squiggles:
@page "/students"
@inject HttpClient httpClient
<h1>Students</h1>
<p>This component demonstrates fetching data from the server.</p>
@if (students == null) {
<p><em>Loading...</em></p>
} else {
<table class='table table-hover'>
<thead>
<tr>
<th>ID</th>
<th>First Name</th>
<th>Last Name</th>
<th>School</th>
</tr>
</thead>
<tbody>
@foreach (var item in students) {
<tr>
<td>@item.StudentId</td>
<td>@item.FirstName</td>
<td>@item.LastName</td>
<td>@item.School</td>
</tr>
}
</tbody>
</table>
}
@functions {
Student[] students;
string baseUrl = "https://localhost:44318/";
protected override async Task OnInitAsync() {
await load();
}
protected async Task load() {
students = await httpClient.GetJsonAsync<Student[]>($"{baseUrl}api/students");
}
}
OnInitAsync() has been replaced by with
OnInitializedAsync(), and apparentlly await.Load() has been replace by return base.On....
protected override Task OnInitializedAsync()
{
return base.OnInitializedAsync();
}
GetJsonAsync<>
also no longer exists and it has been replace with GetFromJsonAsync<>
The new code looks like this:
@functions {
Student[] students;
string baseUrl = "https://localhost:44366/";
protected override Task OnInitializedAsync()
{
return base.OnInitializedAsync();
}
protected async Task load()
{
students = await httpClient.GetFromJsonAsync<Student[]>($"{baseUrl}api/students");
}
}
It just shows loading....
Console is clear
Network tab says HTTP 200 for headers , and network tab preview says an unhandled error has occurred.
Any suggestions on how to troubleshoot this further?
