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>

是无状态类型的组件。

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

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

如何使用React Redux调用const单击函数内的函数？

1 个答案: