From 37c4b6d82e97ff4b0eeb51ad22b14c4e33cddef8 Mon Sep 17 00:00:00 2001 From: vwkd <33468089+vwkd@users.noreply.github.com> Date: Mon, 21 Sep 2020 19:44:26 +0200 Subject: [PATCH] improve wording --- site/content/tutorial/04-logic/05-keyed-each-blocks/text.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/text.md b/site/content/tutorial/04-logic/05-keyed-each-blocks/text.md index c7132a21a0..09b5e2238d 100644 --- a/site/content/tutorial/04-logic/05-keyed-each-blocks/text.md +++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/text.md @@ -2,11 +2,11 @@ title: Keyed each blocks --- -By default, when you add / remove an item from the iterable that the `each` block iterates over, it will add / remove the component instance at the *end* of the block instead of the corresponding instance. If you add / remove items from anywhere other than the end of the iterable, this leads to each component instance corresponding to a different element of the iterable than the one it was first created for. This might not be what you want. +By default, when you add / remove an item from the iterable that the `each` block iterates over, it will add / remove the component instance at the *end* of the block instead of the instance corresponding to that element of the iterable. If you add / remove an item from anywhere other than the end of the iterable, this leads to each component instance corresponding to a different element of the iterable than the one it was first created for. That might not be what you want. -It's easier to understand with an example. For each element of the array, #each creates one instance of the `` component seen as a row. The initial value shows to which element of the original array the instance corresponded when it was created, while the current value shows which element of the current array it corresponds to now. The expected behavior would be that both values match. +It's easier to understand with an example. For each element of the array, #each creates one instance of the `` component which you can see as rows. The initial value shows to which element of the original array the instance corresponded when it was created, while the current value shows which element of the current array it corresponds to now. The expected behavior would be that both values match. -Click the 'Remove first element' button a few times, and notice that it's removing `` components from the end, and updating the value for those that remain. Instead, we'd like to remove the first `` component and leave the rest unaffected. +Click the 'Remove first element' button a few times, and notice that it's removing `` components from the end, and updating the prop for those that remain. Instead, we'd like to remove the first `` component and leave the rest unaffected. To do that, we specify a unique identifier for the `each` block in parentheses: