Получить данные из вложенных свойств в ReactJS

Question

• 1000 я извлекаю данные из Excel, используя рендеринг, сохраняющий значения в состояниях (строках). Я передаю состояние другому компоненту, где мне нужно, чтобы эти значения передавались в API.

Сохраненные данные находятся во вложенной форме. Не могли бы вы сообщить мне, как получить данные, отдельно хранящиеся в массиве в props. Прилагаю скриншот.

Код рендеринга в Excel: -

 changeHandler(event) {
        let fileObj = event.target.files[0];
        //just pass the fileObj as parameter
        ExcelRenderer(fileObj, (err, resp) => {
          if (err) {
            console.log(err);
          } else {
            this.setState({
              cols: resp.cols,
              rows: resp.rows,
            });

          }
        });
      }

Код для получения данных опоры: -

for (let i = 0; i < this.props.data.length; i++) {

        let stDate = this.props.data[i].startDate;let TripName = this.props.data[i].TripName;
        let totalFare = this.props.data[i].totalFare;
        let FirstName = this.props.data[i].FirstName;
        let LastName = this.props.data[i].LastName;
        let Currency = this.props.data[i].Currency;
}

Answer 1

Вы можете использовать метод Array

Все еще не уверен на 100%, как должны выглядеть ваши окончательные данные, но похоже, что вы используете 2 массива. 1 как ключ и 1 как значение.

Итак, чтобы объединить эти 2, мы можем использовать Reduce

const keys = data[0];
const values = data[1];
keys.reduce((acc, keys, index) => {
  return {...acc, [key]: values[index]}
}, {})

Это вернет объект ключевых значений.