142
rated 0 times
[
146]
[
4]
/ answers: 1 / hits: 133943
/ 7 Years ago, mon, may 29, 2017, 12:00:00
In my class, eslint is complaining Expected 'this' to be used by class method 'getUrlParams'
Here is my class:
class PostSearch extends React.Component {
constructor(props) {
super(props);
this.getSearchResults();
}
getUrlParams(queryString) {
const hashes = queryString.slice(queryString.indexOf('?') + 1).split('&');
const params = {};
hashes.forEach((hash) => {
const [key, val] = hash.split('=');
params[key] = decodeURIComponent(val);
});
return params;
}
getSearchResults() {
const { terms, category } = this.getUrlParams(this.props.location.search);
this.props.dispatch(Actions.fetchPostsSearchResults(terms, category));
}
render() {
return (
<div>
<HorizontalLine />
<div className=container>
<Col md={9} xs={12}>
<h1 className=aboutHeader>Test</h1>
</Col>
<Col md={3} xs={12}>
<SideBar />
</Col>
</div>
</div>
);
}
}
What is the best approach to solve this or refactor this component?
More From » reactjs