場所は、外部トリガイベントをクリックし達成するためにアセンブリ内のコンポーネント内にあるかどうかを決定反応するようにクリックしてください

1.インポート

インポート{ findDOMNode } から'反応-DOM'
2.バインドREF
<DIV REF = " のreftest " 
</ div>

 

3.バインディングのモニター・イベント
//监听外部click
    componentDidMount() {
        document.addEventListener('mousedown', (e)=>this.handleClickOutside(e), false);
      }
      componentWillUnmount() {
        document.removeEventListener('mousedown', (e)=>this.handleClickOutside(e), false);
      }
      handleClickOutside(e) {
        const target = e.target;
        console.log(target);
        console.log(this);
        // 组件已挂载且事件触发对象不在div内
        let result=findDOMNode(this.refs.refTest).contains(e.target);
        if( !result) {
            console.log("ssscs");
            this.setState({
                ulShow:false
            });
        }  
      }

 

おすすめ

転載: www.cnblogs.com/ives/p/11291769.html