daily-share
daily-share copied to clipboard
对于一个组件的点击事件,如何点击另一个,取消这次点击事件(2020-1-6)
对于一个组件的点击事件,如何点击另一个,取消这次点击事件
可以采用input 的聚焦和失焦来做出判断!!!
import React from 'react'
interface IState {
show: boolean
}
export default class BasePopper extends React.Component<{}, IState> {
constructor(props: IProps) {
super(props)
this.state = {
show: false
}
}
public render() {
return (
<div className='stairPopper'>
<div className='text' onClick={(e) => { e.stopPropagation()}}>阶梯价
<input type="text" className='input' onFocus={ () => {this.setState({show: true })}} onBlur={() => { this.setState({ show: false })}} />
</div>
</div>
)
}
}