Artifact
4118cc3ca297f2d6d2d57a6a13243dedf1b140e566d6108a82b9246e69619911:
0000: 3c 70 72 65 76 65 6e 74 2d 75 70 64 61 74 65 3e <prevent-update>
0010: 0a 20 20 3c 70 20 6f 6e 63 6c 69 63 6b 3d 7b 20 . <p onclick={
0020: 63 68 61 6e 67 65 4e 61 6d 65 53 69 6c 65 6e 74 changeNameSilent
0030: 6c 79 20 7d 3e 63 6c 69 63 6b 20 6d 65 3c 2f 70 ly }>click me</p
0040: 3e 0a 20 20 3c 70 20 72 65 66 3d 22 66 61 6e 63 >. <p ref="fanc
0050: 79 2d 6e 61 6d 65 22 3e 7b 20 6e 61 6d 65 20 7d y-name">{ name }
0060: 3c 2f 70 3e 0a 0a 20 20 74 68 69 73 2e 6e 61 6d </p>.. this.nam
0070: 65 20 3d 20 27 6a 6f 68 6e 27 0a 20 20 63 68 61 e = 'john'. cha
0080: 6e 67 65 4e 61 6d 65 53 69 6c 65 6e 74 6c 79 28 ngeNameSilently(
0090: 65 29 20 7b 0a 20 20 20 20 65 2e 70 72 65 76 65 e) {. e.preve
00a0: 6e 74 55 70 64 61 74 65 20 3d 20 74 72 75 65 0a ntUpdate = true.
00b0: 20 20 20 20 74 68 69 73 2e 6e 61 6d 65 20 3d 20 this.name =
00c0: 27 6d 61 72 6b 27 0a 20 20 7d 0a 3c 2f 70 72 65 'mark'. }.</pre
00d0: 76 65 6e 74 2d 75 70 64 61 74 65 3e 0a vent-update>.