Textbox in reactjs unable to input text

Question

The percise error I'm getting (when I start to type in textbox) in my log is:

Uncaught TypeError: _this.props.setTextFilter is not a function
at ExpListFilters._this.onTextChanged (ExpListFilters.js:17)

Here is my function:

onTextChanged = (e) => {
        this.props.setTextFilter(e.target.value);
    };

Rendered inside component:

<div className="in-group__item search-box">
<input placeholder="Search for your expenses" 
className="text-input" 
type="text" 
value={this.props.filters.text} 
onChange={this.onTextChanged}/>
</div>

Also using redux to map state to props by passing down filters from actions.

import { setTextFilter } from '../actions/filters'

Redux:

const mapStateToProps = (state) => ({
        filters: state.filters
});

cala · Accepted Answer · 2018-03-23 18:37:10Z

1

I wasn't using mapDispatchToProps while exporting the component (using connect), see below.

Previous

export default connect(mapStateToProps)(ExpListFilters);

Updated

export default connect(mapStateToProps, mapDispatchToProps)(ExpListFilters);

answered Mar 23, 2018 at 18:37

cala

1,4517 gold badges23 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Textbox in reactjs unable to input text

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related