andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update PasswordRevealer.md

Browse Source
This commit is contained in:
Angelos Chalaris
2018-11-29 09:48:35 +02:00
committed by GitHub
parent 316f789427
commit 84e7fe136f
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
snippets/PasswordRevealer.md
View File

@ -4,7 +4,7 @@ Renders a password input field with a reveal button.
Initially set `state.shown` to `false` to ensure that the password is not shown by default. Initially set `state.shown` to `false` to ensure that the password is not shown by default.
Create a method, `toggleShown`, which uses `Component.prototype.setState` to change the input's state from shown to hidden and vice versa, bind it to the component's context. Create a method, `toggleShown`, which uses `Component.prototype.setState` to change the input's state from shown to hidden and vice versa, bind it to the component's context.
In the`render()` method, use a`<div>` to wrap both the`<input>` and the `<button>` element that toggles the type of the input field In the`render()` method, use a`<div>` to wrap both the`<input>` and the `<button>` element that toggles the type of the input field.
Finally, bind the `<button>`'s `onClick` event to the `toggleShown` method. Finally, bind the `<button>`'s `onClick` event to the `toggleShown` method.
```jsx ```jsx