如何使用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 :)