react-wx-images-viewer icon indicating copy to clipboard operation
react-wx-images-viewer copied to clipboard

取消pointer的change事件

Open cubemmc opened this issue 6 years ago • 0 comments

我想把pointer的change事件去掉,传的是一个component,但是传了之后没有效果怎么回事?

getPointer = () => {
    console.log(11111);
    this.setState({
      isOpen: false
    });
    return (
      <Pointer length={this.props.listImages.length} index={this.state.currIndex} changeIndex={() => {}}></Pointer>
    );
  }

pointer组件内容:

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';

class Pointer extends PureComponent {
  static propTypes = {
    length: PropTypes.number.isRequired,
    index: PropTypes.number.isRequired,
    changeIndex: PropTypes.func
  }

  render() {
    const {
      length,
      index
    } = this.props;

    let i = 0, items = [];
    for (i; i < length; i++) {
      if (i === index) {
        items.push(<span className='pointer on'></span>);
      } else {
        items.push(<span className='pointer'></span>);
      }
    }

    return (
      <div className='viewer-image-pointer'>
        {items}
      </div>
    );
  }
}

export default Pointer;

cubemmc avatar Jul 29 '19 03:07 cubemmc