javascript - React Redux - 调度检索输入值

标签 javascript reactjs dispatch react-redux

我有以下 React View /渲染函数:

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 }
}

Action 被调用,但 coutner 始终设置为初始值。

最佳答案

OMG 经过 2 小时的挣扎,在我发布问题 2 分钟后我弄明白了。

onChange 的内联函数需要传入一个参数,设置为刚刚发生的事件。然后我可以从那里访问 event.target:

onChange={(event) => onChange(event.target.value)} />

关于javascript - React Redux - 调度检索输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36663573/

相关文章:

swift - 如何从DispatchSource中知道哪个FileSystemEvent触发了setEventHandler?

javascript - 使用 AJAX 或 iframe 将数据从一个网站插入另一个网站

javascript - 为什么 Node.js 不输出二进制值 0's and 1' s?

facebook - 中继应用程序 : How to introspect schema on server?

node.js - 在 React 中,如何显示 API get 请求的结果?

swift - 在for循环swift xcode之后未调用DispatchGroup.notify

c++ - 是否可以 boost::bind 到已知类但(尚)未知对象的成员函数?

Javascript 检查变量是否介于 2 个值 + else 之间

javascript - 每次单击按钮时使 div 向一个方向移动

javascript - React/CSS - 当宽度为自动时,内容更改后动画按钮宽度调整大小