daily-share icon indicating copy to clipboard operation
daily-share copied to clipboard

对于一个组件的点击事件,如何点击另一个,取消这次点击事件(2020-1-6)

Open yaogengzhu opened this issue 5 years ago • 0 comments

对于一个组件的点击事件,如何点击另一个,取消这次点击事件

可以采用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>
        )
    }
}

yaogengzhu avatar Jan 06 '20 11:01 yaogengzhu