相关疑难解决方法(0)

React Redux - Dispatch检索输入值

我有以下React视图/渲染功能:

let BaseSalaryView = ({ counter, onChange }) => (
    <div>
        <input type="text"
            placeholder="Annual Salary"
            value={counter}
            onChange={() => onChange(counter)} />
        <span>Try: {counter}</span>
    </div>
)
Run Code Online (Sandbox Code Playgroud)

我试图找出如何将刚改变的值传递到我的onChange调度处理程序中.

尝试

我尝试了以下但是它们都是未定义的.

onChange={() => onChange(this.input.value)}> 
onChange={() => onChange(input.value)}> 
onChange={() => onChange(value)}> 
Run Code Online (Sandbox Code Playgroud)

其余的代码

const mapDispatchToProps = (dispatch) => {
    return {
        onChange: (counter) => {
            dispatch(baseSalaryChange(counter)) // Need the input v alue here
        }
    }
}

export function baseSalaryChange(baseSalary) {
  return { type: BASE_SALARY_CHANGED, baseSalary }
}
Run Code Online (Sandbox Code Playgroud)

调用操作,但coutner始终设置为初始值.

javascript dispatch reactjs react-redux

1
推荐指数
1
解决办法
1734
查看次数

标签 统计

dispatch ×1

javascript ×1

react-redux ×1

reactjs ×1