Artifact
027d0a8980dae3a8f8abb6053921504cde5977c3d70540a0b6c4a667870fdd7e:
0000: 3c 6c 6f 6f 70 2d 69 74 65 6d 73 2d 61 74 74 72 <loop-items-attr
0010: 73 3e 0a 20 20 3c 6c 6f 6f 70 2d 69 74 65 6d 73 s>. <loop-items
0020: 2d 61 74 74 72 73 2d 69 74 65 6d 0a 20 20 20 20 -attrs-item.
0030: 65 61 63 68 3d 7b 20 69 74 65 6d 73 20 7d 0a 20 each={ items }.
0040: 20 20 20 64 61 74 61 2d 63 6f 6c 6f 72 3d 7b 20 data-color={
0050: 63 6f 6c 6f 72 20 7d 3e 0a 20 20 3c 2f 6c 6f 6f color }>. </loo
0060: 70 2d 69 74 65 6d 73 2d 61 74 74 72 73 2d 69 74 p-items-attrs-it
0070: 65 6d 3e 0a 0a 20 20 3c 73 63 72 69 70 74 3e 0a em>.. <script>.
0080: 20 20 20 20 74 68 69 73 2e 69 74 65 6d 73 20 3d this.items =
0090: 20 5b 7b 20 63 6f 6c 6f 72 3a 20 27 72 65 64 27 [{ color: 'red'
00a0: 20 7d 2c 20 7b 20 63 6f 6c 6f 72 3a 20 27 6f 72 }, { color: 'or
00b0: 61 6e 67 65 27 20 7d 5d 0a 20 20 3c 2f 73 63 72 ange' }]. </scr
00c0: 69 70 74 3e 0a 3c 2f 6c 6f 6f 70 2d 69 74 65 6d ipt>.</loop-item
00d0: 73 2d 61 74 74 72 73 3e 0a 0a 3c 6c 6f 6f 70 2d s-attrs>..<loop-
00e0: 69 74 65 6d 73 2d 61 74 74 72 73 2d 69 74 65 6d items-attrs-item
00f0: 3e 0a 20 20 3c 70 20 72 65 66 3d 22 63 6f 6c 6f >. <p ref="colo
0100: 72 22 3e 7b 20 63 6f 6c 6f 72 20 7d 3c 2f 70 3e r">{ color }</p>
0110: 0a 3c 2f 6c 6f 6f 70 2d 69 74 65 6d 73 2d 61 74 .</loop-items-at
0120: 74 72 73 2d 69 74 65 6d 3e trs-item>