我有以下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始终设置为初始值.