如何使用React Redux在const click函数中调用函数？

Question

我是React和Redux框架的新手，我需要有关如何从内部调用或调用另一个函数的帮助。 如您所见，我的代码来自ToggleSwitch.jsx文件。 我有一个单击功能，我想调用一个烤面包机功能，该功能显示一个烤面包警报，但没有被调用，因此我在控制台上进行了检查，它有一个类似“ 参考错误：未定义烤面包机 ”的错误日志。 我在这里想念什么？ 请指导我如何解决这种情况。 谢谢。

ToggleSwitch.jsx

const ToggleSwitch = ({ className, input, label, meta: { touched, error }, ...rest }) => (
    <div>
        <Switch input={{ defaultChecked: input.value }}
            className={className}
            onChange={e => input.onChange(e.target.checked)}
            onClick={this.onCheckboxReturningLaterClick()}
            label={label}
            {...rest} />
        <input name={input.name} value={input.value} type="hidden" />
    </div>

)

const onCheckboxReturningLaterClick = () => {

      toastr.error(dude.messages.UNABLE_TO_PROCEED) 

}

Answer 1

该onCheckboxReturningLaterClick功能在this的的ToggleSwitch组件。 您用于组件的语法：

const Component = (props) => <h1>props.title</h1>

是无状态类型的组件。

当您在onClick处理程序中调用onCheckboxReturningLaterClick时，请尝试删除this关键字。

另一个问题可能是...范围内的任何地方实际上都没有定义toastr :)