отсутствует контекст в React JS - PullRequest
Новая
       7

отсутствует контекст в React JS

0 голосов
/ 25 октября 2019

Я пытаюсь заставить scrool к кнопке реагировать без использования response-scroll. Но у меня есть некоторые проблемы: 1. Я должен обработать два события в onClick. 2. Функция в onClick находится в другом файле. 

class App extends React.Component {
  render() {
    const {
      onAddClick
    } = this.props;
    const ref = createRef();
    return (
      <React.Fragment>
        <button
          onClick={onAddClick}
          type="button"
          ref={ref}
          >
            Add
        </button>
      </React.Fragment>
    );
  }
}

и в другом файле у меня есть 

class AppContainer extends React.Component {
  constructor(props) {
    super(props);
    this.onAddClick = this.onAddClick.bind(this);
    this.scrollClick = this.scrollClick.bind(this);
  }

  onAddClick() {
    const { App } = this.props;
    this.changeInsuredList(App.onAddClick + 1);
    this.scrollClick();
  }

  scrollClick() {
    ref.current.scrollIntoView({
      behavior: 'smooth',
      block: 'start',
    });
  }

  render() {
    const { App } = this.props;

    return (
      <App
        onAddClick={this.onAddClick}
        scrollClick={this.scrollClick}
      />
    );
  }
}

Я получил ошибку 'ref' не определено no-undef. Поэтому я полагаю, что я должен каким-то образом перенести 'ref' в другой файл, но я не знаю, как.

...