在反應中使用 dispatchEvent 時不會觸發復選框更改事件

Question

我有一個帶有onChange事件處理程序的Checkbox組件。 我想在另一個元素click處理程序中觸發onChange事件。 我正在創建一個自定義事件並在單擊處理程序中調度該事件。 我可以看到這在本機方式下運行良好，而我無法在 react 中實現相同的效果。

Checkbox組件的使用

<Checkbox onChange={this.handleChange} />

我已經創建了一個示例，請找到 URL https://stackblitz.com/edit/react-dvrssp?file=Checkbox.js

非常感謝您的幫助。

Answer 1

幾件事。 您沒有在 CheckBox 組件中使用正確的道具。 您正在訪問this.props.onChange ，它應該是this.props.onCLick 。

您還需要call onChange單選按鈕上的函數。

我已經編輯了代碼。 你可以在這里檢查。 https://stackblitz.com/edit/react-mwqfxv?file=Checkbox.js