老師請問這裡的 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回答

张轩

2021-05-05

同学你好 这里没有什么特殊之处 我只是习惯在 click 的时候调用 e.preventDefault() 同学这样做或者不做都可以

0
1
weixin_慕雪0272820
非常感谢!
2021-05-05
共1条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2124 学习 · 959 问题

查看课程