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)(搜索组);
当前,当我尝试搜索时,返回的url已选中,选中时返回“undefined”,而不是true,未选中时返回falseHtml 如何使复选框在选中时返回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
不确定我遗漏了什么?基于括号等原因,您复制的代码完全不正确,一定是复制粘贴问题,但下面是一个复选框示例,可能会对您有所帮助。我只是为您制作了一个复选框,如果您有任何问题,请告诉我
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;