在 React 中,是否可以在重定向组件内放置切换按钮时禁用重定向?
我有一个可点击的 TableRow,它重定向到另一个组件和内部的开关按钮(复选框),如下所示:
在TableRow与他的成分TableCell和Switch按钮内:
<TableRow
className="h-40 cursor-pointer"
hover
role="checkbox"
aria-checked={isSelected}
tabIndex={-1}
key={n.id}
selected={isSelected}
onClick={event => handleClick(n)}
>
<TableCell component="th" scope="row" align="left">
<Switch
checked={state.checkedB}
onChange={handleChange("checkedB")}
value="checkedB"
/>
</TableCell>
</TableRow>
这是handleChange开关按钮的功能和状态:
const [state, setState] = React.useState({
checkedB: true,
});
const handleChange = name => event => {
setState({ ...state, [name]: event.target.checked });
};
这是组件中重定向到另一个组件的handleClick函数TableRow:
function handleClick(item){
props.history.push('/apps/fournisseurs/'+item.id+'/'+ item.handle);
}
富国沪深
相关分类