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

Update Input.md

Browse Source
This commit is contained in:
Angelos Chalaris
2018-12-10 10:16:44 +02:00
committed by GitHub
parent 2bf1fe77ba
commit 9aa3b89a66
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
snippets/Input.md
View File

@ -6,12 +6,12 @@ Use object destructuring to set defaults for certain attributes of the `<input>`
Render an `<input>` element with the appropriate attributes and use the `callback` function in the `onChange` event to pass the value of the input to the parent. Render an `<input>` element with the appropriate attributes and use the `callback` function in the `onChange` event to pass the value of the input to the parent.
```jsx ```jsx
function Input ({ callback, type = 'text', disabled = false, readonly = false, placeholder = '' }) { function Input ({ callback, type = 'text', disabled = false, readOnly = false, placeholder = '' }) {
return ( return (
<input <input
type={type} type={type}
disabled={disabled} disabled={disabled}
readonly={readonly} readOnly={readOnly}
placeholder={placeholder} placeholder={placeholder}
onChange={(event) => callback(event.target.value)} onChange={(event) => callback(event.target.value)}
/> />