Ошибка типа: невозможно прочитать свойство 'firstname' со значением NULL (реагирует js redux firebase)

Question

Ошибка Не удается прочитать свойства

Почему я не могу получить свойства в моей коллекции, как имя? Этот код реагирует js и пожарной базы. Я просто новичок ie в реакции js Может кто-нибудь помочь мне решить эту проблему?

import React from 'react';
import { Container, Row, Col } from 'react-bootstrap';
import { connect } from 'react-redux';
import { firestoreConnect } from 'react-redux-firebase';
import { compose } from 'redux';
function ThankYou(props) {
  console.log(props);
  const { student } = props;
  return (
    <Container>
      <Row>
        <Col>
          <h1>Congratulations!!</h1>
          //I cant get the student firstname
          <h5>{student.firstname}you have been succesfully Pre-enrolled</h5>
          <p>
            To be fully enrolled please contact or visit SAINT ANTHONY ACADEMY 
            to be fully enrolled
          </p>
          <hr />
          <h5>This is your Reference Code: </h5>
          <h1>{props.match.params.id}</h1>
          <hr />
          <p>Show your code to the admin to be fully enrolled</p>
          <p>
            <strong>Save this Reference code for verification</strong>
          </p>
        </Col>
      </Row>
    </Container>
  );
}

const mapStateToProps = state => {
  const students = state.firestore.data.students;
  console.log(students);
  const student = students ? students : null;
  return {
    student: student,
  };
};

export default compose(
  connect(mapStateToProps),
  firestoreConnect(props => [
    {
      collection: 'students',
      limit: 1,
      where: [['lrn', '==', props.match.params.id]],
    },
  ]),
)(ThankYou);

Answer 1

** Я думаю, что рендеринг компонента происходит до того, как данные поступят ** const Students = State.firestore.data? state.firestore.data.students "void 0 или null console.log (студентов)

Answer 2

вы делаете постоянный студент = студенты? студенты: нуль; , пока ie он выбирает данные из базы данных, он устанавливает ученика в ноль. Можете ли вы сказать, что вы получаете, когда вы делаете только console.log (студент).

вы можете попробовать это

{student && student.firstname}, которые вы были успешно предварительно зарегистрированы