[Blazor] Components - loop samples - intro text removal (#33675)
parent
4911282c39
commit
e044b737a6
|
@ -1270,8 +1270,6 @@ Consider the following `RenderFragmentChild2` component that has both a componen
|
||||||
When rendering the `RenderFragmentChild2` component in a parent component, use a local index variable (`ct` in the following example) instead of the loop variable (`c`) when assigning the component parameter value and providing the child component's content:
|
When rendering the `RenderFragmentChild2` component in a parent component, use a local index variable (`ct` in the following example) instead of the loop variable (`c`) when assigning the component parameter value and providing the child component's content:
|
||||||
|
|
||||||
```razor
|
```razor
|
||||||
<h1>Three children with a <code>for</code> loop and an index variable</h1>
|
|
||||||
|
|
||||||
@for (int c = 1; c < 4; c++)
|
@for (int c = 1; c < 4; c++)
|
||||||
{
|
{
|
||||||
var ct = c;
|
var ct = c;
|
||||||
|
@ -1285,8 +1283,6 @@ When rendering the `RenderFragmentChild2` component in a parent component, use a
|
||||||
Alternatively, use a [`foreach`](/dotnet/csharp/language-reference/keywords/foreach-in) loop with <xref:System.Linq.Enumerable.Range%2A?displayProperty=nameWithType> instead of a [`for`](/dotnet/csharp/language-reference/keywords/for) loop:
|
Alternatively, use a [`foreach`](/dotnet/csharp/language-reference/keywords/foreach-in) loop with <xref:System.Linq.Enumerable.Range%2A?displayProperty=nameWithType> instead of a [`for`](/dotnet/csharp/language-reference/keywords/for) loop:
|
||||||
|
|
||||||
```razor
|
```razor
|
||||||
<h1>Alternative approach without an index variable</h1>
|
|
||||||
|
|
||||||
@foreach (var c in Enumerable.Range(1, 3))
|
@foreach (var c in Enumerable.Range(1, 3))
|
||||||
{
|
{
|
||||||
<RenderFragmentChild2 Id="@($"Child{c}")">
|
<RenderFragmentChild2 Id="@($"Child{c}")">
|
||||||
|
|
Loading…
Reference in New Issue