Использование Blazor <InputSelect>выдает предупреждение: элемент 'option' не может быть вложен в элемент 'p'

Question

Я пытаюсь следовать шаблону с сайта Microsoft: https://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-3.0 вот фрагмент их кода ...

<p>
        <label for="classification">Primary Classification: </label>
        <InputSelect id="classification" @bind-Value="@starship.Classification">
            <option value="">Select classification ...</option>
            <option value="Defense">Defense</option>
            <option value="Exploration">Exploration</option>
            <option value="Diplomacy">Diplomacy</option>
        </InputSelect>
</p>

Я получаю предупреждение о каждом из моих тегов 'option' о том, что они не могут быть вложены в элемент 'p'. Их пример выше дает то же самое предупреждение: p

Как мне устранить это предупреждение? Я использую VS Pro 2019 Ver 16.2.0 Preview 3.0, обновлено 26.06.2009. Их пример с 13/06/2019 также довольно недавний.

Также их примером является файл .cshtml, но большинство примеров, которые я вижу, используют расширение .razor. Я попытался изменить мой на .cshtml и получил то же самое предупреждение. Что я должен использовать или это не имеет значения?

Answer 1

Это известная проблема, которую вы должны просто игнорировать ... См .: https://github.com/aspnet/AspNetCore/issues/8166

Просмотрите файлы .g.cs в вашем проекте и посмотрите, правильно ли компилятор создает дерево визуализации.Возможно, проблемы лежат там ...

Надеюсь, это поможет ...