Javascript React Native:null不是对象（正在计算此.state.displayErrors'；）

我有一个功能齐全的Android应用程序，现在我遇到了以下错误：

null不是一个对象（计算“\u this.state.displayErrors”）

它在这里引用这行代码：

_getErrors = () => {
    if (this.state.displayErrors) {
      return {
        ...this.state.validationErrors,
        ...this.props.validationErrors
      };
    }
    return {};
  };

这是完整的文件：

import React, { Component } from "react";
import { connect } from "react-redux";
import PropTypes from "prop-types";
import DetailsConfirmationForm from "auth/components/DetailsConfirmationForm";
import {
  firstNameChanged,
  lastNameChanged,
  prefixChanged,
  suffixChanged,
  stateChanged
} from "auth/registrationActions";
import regex from "utils/helpers/regex";
import { prefixes, suffixes } from "enums/dropdownOptions";

export class DetailsConfirmation extends Component {
  static propTypes = {
    firstName: PropTypes.string,
    firstNameChanged: PropTypes.func.isRequired,
    lastName: PropTypes.string,
    lastNameChanged: PropTypes.func.isRequired,
    navigation: PropTypes.object,
    prefix: PropTypes.string,
    prefixChanged: PropTypes.func.isRequired,
    registeredUser: PropTypes.object,
    state: PropTypes.string,
    stateChanged: PropTypes.func.isRequired,
    suffix: PropTypes.string,
    suffixChanged: PropTypes.func.isRequired,
    validationErrors: PropTypes.object
  };

  constructor(props) {
    super(props);
  }

  componentDidMount() {
    const { personalDetails, personalAddress } = this.props.registeredUser;
    console.log(this.props.registeredUser);
    if (personalDetails) {
      this.props.firstNameChanged(personalDetails.firstName);
      this.props.lastNameChanged(personalDetails.lastName);
      this.props.suffixChanged(personalDetails.suffix);
      this.props.prefixChanged(personalDetails.prefix);
    }

    if (personalAddress && personalAddress.stateCode) {
      this.props.stateChanged(personalAddress.stateCode);
    }

    const { params = {} } = this.props.navigation.state;
    const { displayAlert = true } = params;

    this.state = {
      validationErrors: {},
      displayErrors: false,
      titleName: personalDetails && personalDetails.firstName,
      displayAlert
    };
  }

  componentWillReceiveProps(nextProps) {
    if (this.state.displayErrors) {
      this._validate(nextProps);
    }
  }

  _validate = props => {
    const { prefix, state, firstName, lastName, suffix } = props;
    const validPrefixes = prefixes.map(p => p.value);
    const validSuffixes = suffixes.map(p => p.value);
    const validationErrors = {
      prefix:
        prefix && prefix.trim() && validPrefixes.includes(prefix)
          ? ""
          : "Is Required",
      state: state && state.trim() ? "" : "Is Required",
      firstName: firstName && firstName.trim() ? "" : "Is Required",
      lastName: lastName && lastName.trim() ? "" : "Is Required",
      suffix:
        !suffix || validSuffixes.includes(suffix) ? "" : "Select an option"
    };

    const nameRegexErrorMessage =
      "Only letters, hyphens and periods are allowed.";
    if (validationErrors.firstName === "" && !regex.userName.test(firstName)) {
      validationErrors.firstName = nameRegexErrorMessage;
    }
    if (validationErrors.lastName === "" && !regex.userName.test(lastName)) {
      validationErrors.lastName = nameRegexErrorMessage;
    }

    const fullErrors = {
      ...validationErrors,
      ...this.props.validationErrors
    };

    const isValid = Object.keys(fullErrors).reduce((acc, curr) => {
      if (fullErrors[curr] !== "") {
        return false;
      }

      return acc;
    }, true);

    if (isValid) {
      this.setState({ validationErrors: {} });
      //register
    } else {
      this.setState({ validationErrors, displayErrors: true });
    }

    return isValid;
  };

  _navigate = () => {
    const isValid = this._validate(this.props);
    if (isValid) {
      if (this.props.registeredUser.organization) {
        this.props.navigation.navigate("CompleteAccount");
      } else {
        this.props.navigation.navigate("AskForMembership");
      }
    }
  };

  _getErrors = () => {
    if (this.state.displayErrors) {
      return {
        ...this.state.validationErrors,
        ...this.props.validationErrors
      };
    }
    return {};
  };

  render() {
    return (
      <DetailsConfirmationForm
        {...this.state}
        {...this.props}
        navigate={this._navigate}
        validationErrors={this._getErrors()}
      />
    );
  }
}

const mapsStateToProps = ({ registrations }) => {
  return {
    ...registrations.accountData,
    validationErrors: registrations.validationErrors,
    registeredUser: registrations.registeredUser
  };
};

export default connect(
  mapsStateToProps,
  {
    firstNameChanged,
    lastNameChanged,
    prefixChanged,
    suffixChanged,
    stateChanged
  }
)(DetailsConfirmation);

---

在

constructor（props）

函数中，我相信这是属于它的，但是随后我遇到了大量关于其中变量的其他问题，例如

personaldails

和

displayAlert

没有被定义为变量。最大的痛苦是

displayAlert

设置

此.state

在构造函数中，您需要对

道具进行解构，以获得与
组件didmount
中发生的情况类似的值。我将从
componentDidMount
中删除初始状态值的设置

constructor(props) {
    super(props);
    const { personalDetails, personalAddress } = props.registeredUser;
    const { params = {} } = props.navigation.state;
    const { displayAlert = true } = params;

    this.state = {
      validationErrors: {},
      displayErrors: false,
      titleName: personalDetails && personalDetails.firstName,
      displayAlert
    };
  }

  componentDidMount() {
    const { personalDetails, personalAddress } = this.props.registeredUser;
    console.log(this.props.registeredUser);
    if (personalDetails) {
      this.props.firstNameChanged(personalDetails.firstName);
      this.props.lastNameChanged(personalDetails.lastName);
      this.props.suffixChanged(personalDetails.suffix);
      this.props.prefixChanged(personalDetails.prefix);
    }

    if (personalAddress && personalAddress.stateCode) {
      this.props.stateChanged(personalAddress.stateCode);
    }
  }

我不确定这是否能解决您的问题，也不确定
这个.state
如何设置为
null
我想问题在于详细信息确认表单组件中的这一行

validationErrors={this._getErrors()}

validationErrors={this._getErrors}

您正在调用函数而不是传递

试试这个

validationErrors={this._getErrors}