Ошибка, которую я получаю (когда начинаю вводить текстовое поле) в моем журнале:
Uncaught TypeError: _this.props.setTextFilter is not a function
at ExpListFilters._this.onTextChanged (ExpListFilters.js:17)
Вот моя функция:
onTextChanged = (e) => {
this.props.setTextFilter(e.target.value);
};
Визуализируется внутри компонента:
<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>
Также используется redux для сопоставления состояния с реквизитами, передавая фильтры из действий.
import { setTextFilter } from '../actions/filters'
Redux:
const mapStateToProps = (state) => ({
filters: state.filters
});



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Я не использовал mapDispatchToProps при экспорте компонента (с помощью подключения), см. Ниже.
Предыдущий
export default connect(mapStateToProps)(ExpListFilters);
Обновлено
export default connect(mapStateToProps, mapDispatchToProps)(ExpListFilters);