Move ref callbacks into class bound methods
This commit is contained in:
parent
77b53bfc5e
commit
531792b14a
File diff suppressed because one or more lines are too long
|
@ -68,6 +68,8 @@ export default class MessageBox extends Component {
|
|||
}
|
||||
};
|
||||
|
||||
listRef = el => { this.list = el; };
|
||||
|
||||
handleResize = () => {
|
||||
this.updateWidth(true);
|
||||
this.setState({ height: window.innerHeight - 100 });
|
||||
|
@ -96,7 +98,7 @@ export default class MessageBox extends Component {
|
|||
return (
|
||||
<div className="messagebox">
|
||||
<VirtualScroll
|
||||
ref={el => { this.list = el; }}
|
||||
ref={this.listRef}
|
||||
height={this.state.height}
|
||||
rowsCount={this.props.messages.size + 2}
|
||||
rowHeight={this.getRowHeight}
|
||||
|
|
|
@ -10,6 +10,8 @@ export default class Search extends Component {
|
|||
}
|
||||
}
|
||||
|
||||
inputRef = el => { this.input = el; };
|
||||
|
||||
handleSearch = e => this.props.onSearch(e.target.value);
|
||||
|
||||
render() {
|
||||
|
@ -27,7 +29,7 @@ export default class Search extends Component {
|
|||
<div className="search-input-wrap">
|
||||
<i className="icon-search" />
|
||||
<input
|
||||
ref={el => { this.input = el; }}
|
||||
ref={this.inputRef}
|
||||
className="search-input"
|
||||
type="text"
|
||||
onChange={this.handleSearch}
|
||||
|
|
|
@ -31,6 +31,8 @@ export default class UserList extends Component {
|
|||
return 24;
|
||||
};
|
||||
|
||||
listRef = el => { this.list = el; };
|
||||
|
||||
handleResize = () => this.setState({ height: window.innerHeight - 100 });
|
||||
|
||||
renderUser = index => {
|
||||
|
@ -65,7 +67,7 @@ export default class UserList extends Component {
|
|||
return (
|
||||
<div className={className} style={style}>
|
||||
<VirtualScroll
|
||||
ref={el => { this.list = el; }}
|
||||
ref={this.listRef}
|
||||
height={this.state.height}
|
||||
rowsCount={this.props.users.size + 2}
|
||||
rowHeight={this.getRowHeight}
|
||||
|
|
Loading…
Reference in New Issue