如何让我的复选框在选中时返回 True 值？答案

【问题标题】：How can I have my checkbox return a value of True when checked?如何让我的复选框在选中时返回 True 值？
【发布时间】：2020-08-02 06:22:51
【问题描述】：

        interface SearchProps {
    getGroup: (check?: boolean) => void;
    saveFunc: () => void;
}
    const [state, setState] = useState({ checked: false })
        const handleCheckboxChange = () => {
            setState({ ...state,  checked: !state.checked })        
        }

    const searchGroup = () => {
        props.spinnerOn();
        props.getGroup(state.checked);
    }

        return props.show ? ReactDOM.createPortal((

                        <FormControlLabel
                            control={<Checkbox checked={state.checked} onChange={handleCheckboxChange} name="SG" />}
                            label="SG" labelPlacement="top"
                        />
    }

    const mapStateToProps = (state: ApplicationState) => {
        return {
            results: state.results
        }
    }

    const mapDispatchToProps = (dispatch: any) => {
        return {
            getGroup: (check? : boolean) =>
                dispatch(actionTypes.getGroup(check))
        }
    }

    export default connect(mapStateToProps, mapDispatchToProps)(SearchGroup);

目前，当我尝试搜索时，返回的 url 已检查返回“未定义”而不是选中时返回 true，未选中时返回 false

不确定我错过了什么？

【问题讨论】：

标签： html reactjs checkbox

【解决方案1】：

根据括号等，您复制的代码完全不正确，一定只是复制粘贴问题，但这里有一个复选框示例，可能会对您有所帮助。我只是为你做的，如果你有任何问题，请告诉我。

import React, {useState} from 'react';

const Checkbox = (props) => {
    const [checked, setChecked] = useState(false);
    return (
        <input type={"checkbox"} checked={checked} onChange={(event) => setChecked(event.target.checked)} />
    )
}

export default Checkbox;

【讨论】：