Artifact
a7fe218b83e2352665d0fa02219ce9aca8db31e5ed4000d050f7a0260d902a3f:
0000: 3c 69 6e 70 75 74 2d 75 70 64 61 74 65 64 3e 0a <input-updated>.
0010: 20 20 3c 68 33 3e 7b 20 6d 65 73 73 61 67 65 20 <h3>{ message
0020: 7d 3c 2f 68 33 3e 0a 20 20 3c 69 6e 70 75 74 20 }</h3>. <input
0030: 72 65 66 3d 22 69 22 20 76 61 6c 75 65 3d 22 7b ref="i" value="{
0040: 20 6d 65 73 73 61 67 65 20 7d 22 3e 0a 20 20 3c message }">. <
0050: 62 75 74 74 6f 6e 20 72 65 66 3d 22 62 22 20 6f button ref="b" o
0060: 6e 63 6c 69 63 6b 3d 7b 20 73 65 74 4f 74 68 65 nclick={ setOthe
0070: 72 56 61 6c 75 65 20 7d 3e 43 6c 69 63 6b 20 6d rValue }>Click m
0080: 65 21 3c 2f 62 75 74 74 6f 6e 3e 0a 20 20 3c 73 e!</button>. <s
0090: 63 72 69 70 74 3e 0a 20 20 20 20 74 68 69 73 2e cript>. this.
00a0: 6d 65 73 73 61 67 65 20 3d 20 27 48 65 6c 6c 6f message = 'Hello
00b0: 2c 20 52 69 6f 74 21 27 0a 20 20 20 20 73 65 74 , Riot!'. set
00c0: 4f 74 68 65 72 56 61 6c 75 65 20 28 29 20 7b 0a OtherValue () {.
00d0: 20 20 20 20 20 20 74 68 69 73 2e 6d 65 73 73 61 this.messa
00e0: 67 65 20 3d 20 27 43 61 6e 20 79 6f 75 20 68 65 ge = 'Can you he
00f0: 61 72 20 6d 65 3f 27 0a 20 20 20 20 7d 0a 20 20 ar me?'. }.
0100: 3c 2f 73 63 72 69 70 74 3e 0a 3c 2f 69 6e 70 75 </script>.</inpu
0110: 74 2d 75 70 64 61 74 65 64 3e 0a t-updated>.