Question

我正在学习反应js，我正在尝试做一些测试任务，但我无法解决onchange功能的问题。它无法正常工作，浏览器显示没有错误。我试过了

  handleInputChange(evt) {
    dispatch(changeSortKey(evt.target.checked))
  }

和

  handleInputChange(evt) {
    dispatch(changeSortKey(evt.target.value))
  }

但它没有帮助。这是一个代码：

<Input placeholder="Sort by price"
       defaultChecked={this.props.sortListKey}
       onChange={this.props.handleInputChange}/>

const mapStateToProps = (state) => {   .....
  const sortKey = state.sortKey;

  return {    .....
    sortListKey: sortKey    
  };
};

const mapDispatchToProps = (dispatch) => ({    .....
  handleInputChange(evt) {
    dispatch(changeSortKey(evt.target.checked))
  }
});

动作创建者：，

export function changeSortKey(sortKey) {
  return { type: SORT_BY_PRICE, payload: sortKey };

和减速器部件：

const sortKey = (state = false, action) => {
  if (action.type === SORT_BY_PRICE) {
    return action.payload;
  }
  return state;

复选框中的React onChange事件无法正常工作

0 个答案: