React Redux-Dispatch检索输入值
React Redux - Dispatch retrieve input value
我有以下React视图/渲染函数:
let BaseSalaryView = ({ counter, onChange }) => (
<div>
<input type="text"
placeholder="Annual Salary"
value={counter}
onChange={() => onChange(counter)} />
<span>Try: {counter}</span>
</div>
)
我正试图弄清楚如何将刚刚更改的值传递到onChange调度处理程序中。
尝试
我试过以下几种,但都没有定义。
onChange={() => onChange(this.input.value)}>
onChange={() => onChange(input.value)}>
onChange={() => onChange(value)}>
代码的其余部分
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 }
}
调用操作,但coutner始终设置为初始值。
天哪,经过2个小时的挣扎,在我发布问题2分钟后,我想明白了。
需要在onChange的内联函数中加入一个参数,该函数将被设置为刚刚发生的event
。然后我可以从那里访问event.target
:
onChange={(event) => onChange(event.target.value)} />
相关文章:
- javascript从选中的复选框中检索输入值,并在同一网页中显示多个html文件
- 无法使用下拉列表检索表行中的输入值,但可以检索下拉值
- 本地存储保存和检索文本输入值
- 从 javascript 中动态创建的表单中检索输入
- React Redux-Dispatch检索输入值
- 无法检索从窗口.本地存储中选择输入值
- 未检索到输入字段的值:未定义的对象
- 如何使用jquery从输入复选框中检索文本
- 如何使用JQuery检索完整的DOM结构,其中输入只是一个按钮
- jQuery动态绑定文件输入并在函数中检索文件
- 检索变量值 - 非输入
- 无法使用普通 JQuery/Javascript 检索输入字段的值
- 无法检索用户输入
- 我可以在运行时检索输入类型的名称值
- 从输入中检索值并将其发布在同一 PHP 中
- jQuery 获取输入值以检索匹配的数组值以填充隐藏的输入
- 按 Enter 时,从具有相同名称和 id 的各种文本输入中的选定文本输入中检索数据
- 检索 JSP 脚本变量中的隐藏输入值,而无需提交页面
- 如何使用用户的输入从对象中检索值?(Angularjs)
- Javascript表单输入检索