Artifact
d18c0aa6bfd3d7821bceea70b924220d9d233c9dc1e5a893c2ff5be64b7f9613:
0000: 3c 6c 6f 6f 70 2d 62 75 67 2d 31 36 34 39 3e 0a <loop-bug-1649>.
0010: 20 20 3c 68 33 3e 46 6f 6c 64 65 72 73 3c 2f 68 <h3>Folders</h
0020: 33 3e 0a 20 20 3c 64 69 76 3e 0a 20 20 20 20 3c 3>. <div>. <
0030: 64 69 76 20 72 65 66 3d 27 66 6f 6c 64 65 72 2d div ref='folder-
0040: 6c 69 6e 6b 2d 31 27 20 6f 6e 63 6c 69 63 6b 3d link-1' onclick=
0050: 7b 20 73 77 69 74 63 68 46 6f 6c 64 65 72 31 20 { switchFolder1
0060: 7d 3e 46 6f 6c 64 65 72 31 3c 2f 64 69 76 3e 0a }>Folder1</div>.
0070: 20 20 20 20 3c 64 69 76 20 72 65 66 3d 27 66 6f <div ref='fo
0080: 6c 64 65 72 2d 6c 69 6e 6b 2d 32 27 20 6f 6e 63 lder-link-2' onc
0090: 6c 69 63 6b 3d 7b 20 73 77 69 74 63 68 46 6f 6c lick={ switchFol
00a0: 64 65 72 32 20 7d 3e 46 6f 6c 64 65 72 32 3c 2f der2 }>Folder2</
00b0: 64 69 76 3e 0a 20 20 3c 2f 64 69 76 3e 0a 20 20 div>. </div>.
00c0: 3c 64 69 76 3e 0a 20 20 20 20 3c 64 69 76 20 63 <div>. <div c
00d0: 6c 61 73 73 3d 27 6c 69 73 74 27 20 65 61 63 68 lass='list' each
00e0: 3d 7b 20 66 6f 6c 64 65 72 20 7d 20 69 66 3d 7b ={ folder } if={
00f0: 20 21 72 65 6d 6f 76 65 64 20 7d 3e 0a 20 20 20 !removed }>.
0100: 20 20 20 3c 64 69 76 3e 7b 20 6e 61 6d 65 20 7d <div>{ name }
0110: 3c 2f 64 69 76 3e 0a 20 20 20 20 20 20 3c 64 69 </div>. <di
0120: 76 20 63 6c 61 73 73 3d 27 72 65 6d 6f 76 65 27 v class='remove'
0130: 20 6f 6e 63 6c 69 63 6b 3d 7b 20 70 61 72 65 6e onclick={ paren
0140: 74 2e 72 65 6d 6f 76 65 20 7d 3e 52 65 6d 6f 76 t.remove }>Remov
0150: 65 3c 2f 64 69 76 3e 0a 20 20 20 20 3c 2f 64 69 e</div>. </di
0160: 76 3e 0a 20 20 3c 2f 64 69 76 3e 0a 20 20 3c 73 v>. </div>. <s
0170: 63 72 69 70 74 3e 0a 20 20 20 20 66 75 6e 63 74 cript>. funct
0180: 69 6f 6e 20 69 74 65 6d 28 6e 61 6d 65 29 20 7b ion item(name) {
0190: 0a 20 20 20 20 20 20 72 65 74 75 72 6e 20 7b 20 . return {
01a0: 6e 61 6d 65 3a 20 6e 61 6d 65 20 7d 0a 20 20 20 name: name }.
01b0: 20 7d 0a 20 20 20 20 76 61 72 20 66 6f 6c 64 65 }. var folde
01c0: 72 31 20 3d 20 5b 20 69 74 65 6d 28 27 66 69 6c r1 = [ item('fil
01d0: 65 31 49 6e 46 6f 6c 64 65 72 31 27 29 2c 20 69 e1InFolder1'), i
01e0: 74 65 6d 28 27 66 69 6c 65 32 49 6e 46 6f 6c 64 tem('file2InFold
01f0: 65 72 31 27 29 20 5d 0a 20 20 20 20 76 61 72 20 er1') ]. var
0200: 66 6f 6c 64 65 72 32 20 3d 20 5b 20 69 74 65 6d folder2 = [ item
0210: 28 27 66 69 6c 65 31 49 6e 46 6f 6c 64 65 72 32 ('file1InFolder2
0220: 27 29 2c 20 69 74 65 6d 28 27 66 69 6c 65 32 49 '), item('file2I
0230: 6e 46 6f 6c 64 65 72 32 27 29 20 5d 0a 20 20 20 nFolder2') ].
0240: 20 74 68 69 73 2e 66 6f 6c 64 65 72 20 3d 20 66 this.folder = f
0250: 6f 6c 64 65 72 31 0a 20 20 20 20 73 77 69 74 63 older1. switc
0260: 68 46 6f 6c 64 65 72 31 28 29 20 7b 0a 20 20 20 hFolder1() {.
0270: 20 20 20 74 68 69 73 2e 75 70 64 61 74 65 28 7b this.update({
0280: 20 66 6f 6c 64 65 72 3a 20 66 6f 6c 64 65 72 31 folder: folder1
0290: 20 7d 29 0a 20 20 20 20 7d 0a 20 20 20 20 73 77 }). }. sw
02a0: 69 74 63 68 46 6f 6c 64 65 72 32 28 29 20 7b 0a itchFolder2() {.
02b0: 20 20 20 20 20 20 74 68 69 73 2e 75 70 64 61 74 this.updat
02c0: 65 28 7b 20 66 6f 6c 64 65 72 3a 20 66 6f 6c 64 e({ folder: fold
02d0: 65 72 32 20 7d 29 0a 20 20 20 20 7d 0a 20 20 20 er2 }). }.
02e0: 20 72 65 6d 6f 76 65 28 65 29 20 7b 0a 20 20 20 remove(e) {.
02f0: 20 20 20 76 61 72 20 69 74 65 6d 20 3d 20 65 2e var item = e.
0300: 69 74 65 6d 0a 20 20 20 20 20 20 69 74 65 6d 2e item. item.
0310: 72 65 6d 6f 76 65 64 20 3d 20 74 72 75 65 0a 20 removed = true.
0320: 20 20 20 20 20 74 68 69 73 2e 75 70 64 61 74 65 this.update
0330: 28 29 0a 20 20 20 20 7d 0a 20 20 3c 2f 73 63 72 (). }. </scr
0340: 69 70 74 3e 0a 3c 2f 6c 6f 6f 70 2d 62 75 67 2d ipt>.</loop-bug-
0350: 31 36 34 39 3e 1649>