Извлечение данных формы из одного компонента в другой

#reactjs

Вопрос:

Привет, я использую react для создания многоступенчатой формы. Я пытаюсь взять данные, полученные из первого компонента, и отобразить их на шаге «Подтвердить», но у меня ошибка типа: Не удается прочитать свойства неопределенного (чтение «Имя»)

 render() {  const {  values: { firstName, lastName, email, mobileNum, address, city, state, zipcode }  } = this.props;   

Вот как я получаю подробную информацию о предыдущем шаге (компонент Сведений о пользователе) с помощью MUI:

 render() {  const { values, handleChange } = this.props;  return (  <MuiThemeProvider>  <>  <Dialog  open  fullWidth  maxWidth='sm'  >  <TextField  placeholder="Enter Your First Name"  label="First Name"  onChange={handleChange('firstName')}  defaultValue={values.firstName}  margin="normal"  fullWidth  />  

и вот как я пытаюсь отобразить это на странице «Подтверждение»

 return (  <MuiThemeProvider>  <>  <Dialog  open  fullWidth  maxWidth='sm'  >  <List>  <ListItem>  <ListItemText primary="First Name" secondary={firstName} />  </ListItem>   

Комментарии:

1. Не могли бы вы добавить какой-нибудь код своей реализации. Это внесло бы некоторую ясность

2. Прости! Надеюсь, мое редактирование внесет немного больше ясности. Спасибо, что ответили!