Artifact
0e7c7347f0fa572bfc0e65ba6f720cb1ebe5f17b28c9273e1bb62cc8cbdd042a:
0000: 0a 3c 69 66 2d 63 68 69 6c 64 3e 0a 20 20 3c 68 .<if-child>. <h
0010: 33 3e 43 68 69 6c 64 20 74 61 67 3c 2f 68 33 3e 3>Child tag</h3>
0020: 0a 3c 2f 69 66 2d 63 68 69 6c 64 3e 0a 0a 3c 69 .</if-child>..<i
0030: 66 2d 74 65 73 74 3e 0a 0a 20 20 3c 70 3e 62 65 f-test>.. <p>be
0040: 66 6f 72 65 3c 2f 70 3e 0a 20 20 3c 70 20 69 66 fore</p>. <p if
0050: 3d 7b 20 66 6c 61 67 20 7d 3e 43 4f 4e 44 3c 2f ={ flag }>COND</
0060: 70 3e 0a 0a 20 20 3c 70 3e 61 66 74 65 72 3c 2f p>.. <p>after</
0070: 70 3e 0a 0a 20 20 3c 70 20 65 61 63 68 3d 7b 20 p>.. <p each={
0080: 6e 75 6d 2c 20 69 20 69 6e 20 6e 75 6d 73 7d 20 num, i in nums}
0090: 69 66 3d 7b 20 70 61 72 65 6e 74 20 26 26 20 6e if={ parent && n
00a0: 75 6d 20 3d 3d 20 70 61 72 65 6e 74 2e 66 6c 61 um == parent.fla
00b0: 67 20 7d 3e 7b 20 6e 75 6d 20 7d 3c 2f 70 3e 0a g }>{ num }</p>.
00c0: 0a 20 20 3c 70 3e 0a 20 20 20 20 3c 69 66 2d 63 . <p>. <if-c
00d0: 68 69 6c 64 20 73 68 6f 77 3d 7b 20 66 6c 61 67 hild show={ flag
00e0: 20 7d 20 2f 3e 0a 20 20 3c 2f 70 3e 0a 0a 20 20 } />. </p>..
00f0: 2f 2f 20 74 68 69 73 2e 66 6c 61 67 20 3d 20 74 // this.flag = t
0100: 72 75 65 0a 20 20 76 61 72 20 73 65 6c 66 20 3d rue. var self =
0110: 20 74 68 69 73 0a 0a 20 20 74 68 69 73 2e 6e 75 this.. this.nu
0120: 6d 73 20 3d 20 5b 31 2c 20 32 2c 20 33 5d 0a 0a ms = [1, 2, 3]..
0130: 20 20 73 65 74 54 69 6d 65 6f 75 74 28 66 75 6e setTimeout(fun
0140: 63 74 69 6f 6e 28 29 20 7b 0a 20 20 20 20 69 66 ction() {. if
0150: 20 28 74 68 69 73 2e 69 73 4d 6f 75 6e 74 65 64 (this.isMounted
0160: 29 20 73 65 6c 66 2e 75 70 64 61 74 65 28 7b 20 ) self.update({
0170: 66 6c 61 67 3a 20 74 72 75 65 20 7d 29 0a 20 20 flag: true }).
0180: 7d 2c 20 33 30 30 29 0a 0a 0a 3c 2f 69 66 2d 74 }, 300)...</if-t
0190: 65 73 74 3e est>