javascript - reactjs中的文本框无法输入文本

Question

我在日志中得到的精确错误(当我开始在文本框中输入时)是:

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 通过从操作中传递过滤器来将状态映射到 props。

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

终极版:

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

Answer 1

我在导出组件(使用连接)时没有使用 mapDispatchToProps，见下文。

上一个

export default connect(mapStateToProps)(ExpListFilters);

已更新

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