Привязка реквизита - PullRequest
Новая
       12

Привязка реквизита

0 голосов
/ 21 июня 2019

У меня есть два компонента React: галерея и изображение.Компонент изображения использует функцию галереи в качестве реквизита.

Можно ли выполнить вызов в режиме рендеринга без функции стрелки?

Компонент изображения: 

class Image extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      filter: 'none',
    };
  }

  render() {
    return (
      <div>
        <button className="image-icon" onClick={() => this.props.handleClone(this.props.i)} />
      </div>
    );
  }
}

Компонент галереи:

class Gallery extends React.Component {
      constructor(props) {
        super(props);
        this.handleClone = this.handleClone.bind(this);
        this.state = {
          images: [],
        };
      }

      handleClone(i) {
        var newImages = this.state.images;
        newImages = newImages.slice(0, i + 1).concat(newImages.slice(i));
        this.setState({
          images: newImages,
        });
      }

      render() {
        return (
          <div>
            <div className="gallery-root">
              {this.state.images.map((dto, i) => {
                return <Image key={'image-' + dto.id + '-' + i} i={i} handleClone={this.handleClone} />;
              })}
            </div>
          </div>
        );
      }
    }

Спасибо.

1 Ответ

3 голосов
/ 21 июня 2019 
class Image extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      filter: 'none'
    };
  }

  handleClick = () => {
    this.props.handleClone(this.props.i);
  };

  render() {
    return (
        <div>
          <button className="image-icon" onClick={this.handleClick} />
        </div>
     );
   }
}
...