調用onClick中的多個函數

Question

我有這個span ：

<span className="close" onClick={this.props.handleClose}><u>Close</u> X</span>

handleClose設置用於顯示或隱藏彈出窗口的屬性。 如果此 function 將updateDocsFlag設置為 true，我想編輯此onClick以調用 rest 端點：

doIsChecked() {
    var isItChecked = document.getElementById('isPless') as HTMLInputElement;

    if (isItChecked.checked) {
        this.setState({ updateDocsFlag: true });
    } else {
        this.setState({ updateDocsFlag: false });
    }
}

可以這樣做嗎？ 如果是這樣，我假設它是否可以類似於創建 function 以進行 rest 調用並將其包含在onClick中，但我不確定是否可以以這種方式調用多個函數。

handleClose來自不同的 class。 這是它的樣子：

<Pless handleClose={this.hidePless} showPless={this.state.showPlessPrompt} />

hidePless = () => {
    this.setState({ showPlessPrompt: false });
};

在我的 Pless class 我有這個接口：

interface Props {
    handleClose: () => void;
    showPless: boolean;
}

Answer 1

<span className="close" onClick={this.props.onclick}><u>Close</u> X</span>

// basically this is what you want no?
const onclick = () => {
    handleClose();
    doIsChecked();
};

如果您需要該事件，則可以將其從 onclick function 傳遞給 handleClose 或 doIsChecked

更新：

實際上上面的腳本更通用。 在您的情況下，它可能看起來像這樣：

<span className="close" onClick={onclick}><u>Close</u> X</span>

.

const onclick = () => {
    this.props.handleClose();
    doIsChecked();
};