Html 如何使复选框在选中时返回True值? 界面搜索道具{ getGroup:(检查?:布尔)=>void; saveFunc:()=>void; } const[state,setState]=useState({checked:false}) 常量handleCheckboxChange=()=>{ setState({…状态,选中:!state.checked}) } const searchGroup=()=>{ 道具。喷丝头(); props.getGroup(state.checked); } 回归道具秀?ReactDOM.createPortal(( } 常量mapStateToProps=(状态:ApplicationState)=>{ 返回{ 结果:state.results } } const mapDispatchToProps=(调度:任意)=>{ 返回{ getGroup:(检查?:布尔)=> 分派(actionTypes.getGroup(检查)) } } 导出默认连接(mapStateToProps、mapDispatchToProps)(搜索组);

Html 如何使复选框在选中时返回True值? 界面搜索道具{ getGroup:(检查?:布尔)=>void; saveFunc:()=>void; } const[state,setState]=useState({checked:false}) 常量handleCheckboxChange=()=>{ setState({…状态,选中:!state.checked}) } const searchGroup=()=>{ 道具。喷丝头(); props.getGroup(state.checked); } 回归道具秀?ReactDOM.createPortal(( } 常量mapStateToProps=(状态:ApplicationState)=>{ 返回{ 结果:state.results } } const mapDispatchToProps=(调度:任意)=>{ 返回{ getGroup:(检查?:布尔)=> 分派(actionTypes.getGroup(检查)) } } 导出默认连接(mapStateToProps、mapDispatchToProps)(搜索组);,html,reactjs,checkbox,Html,Reactjs,Checkbox,当前,当我尝试搜索时,返回的url已选中,选中时返回“undefined”,而不是true,未选中时返回false 不确定我遗漏了什么?基于括号等原因,您复制的代码完全不正确,一定是复制粘贴问题,但下面是一个复选框示例,可能会对您有所帮助。我只是为您制作了一个复选框,如果您有任何问题,请告诉我 interface SearchProps { getGroup: (check?: boolean) => void; saveFunc: () => voi

当前,当我尝试搜索时,返回的url已选中,选中时返回“undefined”,而不是true,未选中时返回false


不确定我遗漏了什么?

基于括号等原因,您复制的代码完全不正确,一定是复制粘贴问题,但下面是一个复选框示例,可能会对您有所帮助。我只是为您制作了一个复选框,如果您有任何问题,请告诉我

        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);

import React,{useState}来自“React”;
常量复选框=(道具)=>{
const[checked,setChecked]=使用状态(false);
返回(
setChecked(event.target.checked)}/>
)
}
导出默认复选框;
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;