0

Доброго времени суток друзья, на странице возникает ошибка: Cannot read property objectWithSizes of null. Она возникает только на определенной странице, на всех остальных работает номрально. В чем может быть проблема?

type ComponentState = {
  objectWithSizes?: {
    height?: number,
    offset?: number,
    id?: string
  };
};

export function withScrollToFirstError(Component: t.form.Component): React.ComponentType {
  class ScrollToFirstErrorHOC extends PureComponent<OuterProps & PropsFromState, ComponentState> {
    componentDidUpdate() {
      const { arrayOfSizes, firstFieldId, currentFieldId, firstError } = this.props;
      this.pushToArray(currentFieldId, firstFieldId, arrayOfSizes);
    }

    pushToArray = (currentFieldId: string, firstFieldId: string, arrayOfSizes: Array<any>) => {
      if (currentFieldId === firstFieldId) {
        arrayOfSizes.splice(0, arrayOfSizes.length);
      }
      arrayOfSizes.push(this.state.objectWithSizes);
    };

    public render() {
      return (
        <View
          onLayout={({ nativeEvent: { layout } }) => {
            this.setState({
              objectWithSizes: {
                height: layout.height,
                offset: layout.y,
                id: this.props.currentFieldId,
              },
            });
          }}
        >
          <Component {...this.props} />
        </View>
      );
    }
  }

2
  • В заголовке страницы скрипт подключен?
    – DrMcSheen
    30 ноя 2020 в 4:30
  • с кодом все нормально. Случайно заметил, что ошибка возникает только в том случае, если включен debugger. Но, не могу понять из за чего, и как дебаггер может влиять на стэйт приложение
    – Madiever
    30 ноя 2020 в 5:36

1 ответ 1

1

Контекст в методе pushToArray() указывает не на компонент

  • или опишите метод не присваивая его к свойству
pushToArray(currentFieldId: string, firstFieldId: string, arrayOfSizes: Array<any>) {
    ....
};
  • или забиндите контекст при вызове в конструкторе
this.pushToArray.call(this, currentFieldId, firstFieldId, arrayOfSizes)
3
  • pushToArray(currentFieldId: string, firstFieldId: string, arrayOfSizes: Array<any>) => { - это синтаксическая ошибка
    – Grundy
    30 ноя 2020 в 12:32
  • 1
    this.pushToArray.bind(this)(currentFieldId, firstFieldId, arrayOfSizes) зачем так, если для вызова можно использовать call, который сразу вызывает функцию, вместо создания обертки
    – Grundy
    30 ноя 2020 в 12:33
  • @Grundy Сэнкс, стрелочную функцию поправил, а про call и вовсе забыл 100 лет его не юзал
    – mego4iter
    30 ноя 2020 в 12:38

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.