Artifact
cba3a730c262fb91142209e20b51f11c12099bcf4c7d8cdc1f360b48add05a2c:
0000: 0a 3c 6c 6f 6f 70 2d 6e 65 73 74 65 64 3e 0a 20 .<loop-nested>.
0010: 20 3c 64 69 76 20 65 61 63 68 3d 7b 20 69 74 65 <div each={ ite
0020: 6d 20 69 6e 20 69 74 65 6d 73 20 7d 3e 0a 20 20 m in items }>.
0030: 20 20 3c 64 69 76 20 65 61 63 68 3d 7b 20 5b 31 <div each={ [1
0040: 2c 20 32 5d 20 7d 3e 0a 20 20 20 20 20 20 3c 70 , 2] }>. <p
0050: 20 72 65 66 3d 22 70 22 3e 7b 20 69 74 65 6d 2e ref="p">{ item.
0060: 76 61 6c 20 7d 3c 2f 70 3e 0a 20 20 20 20 20 20 val }</p>.
0070: 3c 6c 6f 6f 70 2d 6e 65 73 74 65 64 2d 69 74 65 <loop-nested-ite
0080: 6d 20 76 61 6c 3d 7b 20 69 74 65 6d 2e 76 61 6c m val={ item.val
0090: 20 7d 3e 3c 2f 6c 6f 6f 70 2d 6e 65 73 74 65 64 }></loop-nested
00a0: 2d 69 74 65 6d 3e 0a 20 20 20 20 3c 2f 64 69 76 -item>. </div
00b0: 3e 0a 20 20 3c 2f 64 69 76 3e 0a 0a 20 20 3c 73 >. </div>.. <s
00c0: 63 72 69 70 74 3e 0a 20 20 20 20 74 68 69 73 2e cript>. this.
00d0: 69 74 65 6d 73 20 3d 20 5b 7b 20 76 61 6c 3a 20 items = [{ val:
00e0: 31 20 7d 2c 20 7b 20 76 61 6c 3a 20 32 20 7d 2c 1 }, { val: 2 },
00f0: 20 7b 20 76 61 6c 3a 20 33 7d 20 5d 0a 20 20 3c { val: 3} ]. <
0100: 2f 73 63 72 69 70 74 3e 0a 3c 2f 6c 6f 6f 70 2d /script>.</loop-
0110: 6e 65 73 74 65 64 3e 0a 0a 3c 6c 6f 6f 70 2d 6e nested>..<loop-n
0120: 65 73 74 65 64 2d 69 74 65 6d 3e 0a 20 20 3c 70 ested-item>. <p
0130: 3e 7b 20 76 61 6c 20 7d 3c 70 3e 0a 0a 20 20 3c >{ val }<p>.. <
0140: 73 63 72 69 70 74 3e 0a 20 20 20 20 74 68 69 73 script>. this
0150: 2e 76 61 6c 20 3d 20 6f 70 74 73 2e 76 61 6c 0a .val = opts.val.
0160: 20 20 3c 2f 73 63 72 69 70 74 3e 0a 3c 2f 6c 6f </script>.</lo
0170: 6f 70 2d 6e 65 73 74 65 64 2d 69 74 65 6d 3e op-nested-item>