老師請問這裡的 e.preventDefault() 是要阻止什麼
来源:3-5 什么是 和 为什么要使用 React Hook

weixin_慕雪0272820
2021-05-03
老師請問這裡的 e.preventDefault() 是要阻止什麼?為什麼要寫這個呢? 不傳e進去可以嗎?
export const Option: FC = ({value, label, disabled, children, index}) => {
const { onSelect, selectedValues, multiple } = useContext(SelectContext)
const isSelected = selectedValues.includes(value)
const classes = classNames(‘viking-select-item’, {
‘is-disabled’: disabled,
‘is-selected’: isSelected,
})
const handleClick = (e: React.MouseEvent, value: string, isSelected: boolean) => {
e.preventDefault()
if(onSelect && !disabled) {
onSelect(value, isSelected)
}
}
return (
<li key={index} className={classes} onClick={(e) => {handleClick(e, value, isSelected)}}>
{children || (label ? label: value)}
{multiple && isSelected && }
)
}
1回答
-
同学你好 这里没有什么特殊之处 我只是习惯在 click 的时候调用 e.preventDefault() 同学这样做或者不做都可以
012021-05-05
相似问题