Files: d43e73c547b54ad1b9f250da0e06562553fdd203 / components / textarea.js
1262 bytesRaw
1 | import { Component, Fragment } from 'react'; |
2 | import { func, string } from 'prop-types'; |
3 | |
4 | export default class Textarea extends Component { |
5 | static propTypes = { |
6 | value: string, |
7 | onChange: func, |
8 | onKeyDown: func, |
9 | onClick: func |
10 | } |
11 | |
12 | static defaultProps = { |
13 | value: '' |
14 | } |
15 | |
16 | constructor (props) { |
17 | super(props); |
18 | |
19 | this.onChangeText = this.onChangeText.bind(this); |
20 | this.onKeyDown = this.onKeyDown.bind(this); |
21 | this.onClick = this.onClick.bind(this); |
22 | } |
23 | |
24 | onChangeText (event) { |
25 | event.preventDefault(); |
26 | |
27 | const { onChange } = this.props; |
28 | |
29 | if (!onChange) { |
30 | return; |
31 | } |
32 | |
33 | const { value } = event.target; |
34 | |
35 | return onChange(value); |
36 | } |
37 | |
38 | onKeyDown (event) { |
39 | const { onKeyDown: onPropKeyDown } = this.props; |
40 | |
41 | if (!onPropKeyDown) { |
42 | return; |
43 | } |
44 | |
45 | return onPropKeyDown(event); |
46 | } |
47 | |
48 | onClick (event) { |
49 | event.preventDefault() |
50 | |
51 | const { onClick: onPropClick } = this.props; |
52 | |
53 | if (!onPropClick) { |
54 | return; |
55 | } |
56 | |
57 | return onPropClick(event); |
58 | } |
59 | |
60 | render () { |
61 | const { value } = this.props; |
62 | |
63 | return ( |
64 | <textarea onChange={ this.onChangeText } |
65 | onKeyDown={ this.onKeyDown } |
66 | onClick={ this.onClick } |
67 | value={ value }> |
68 | </textarea> |
69 | ); |
70 | } |
71 | } |
Built with git-ssb-web