Как я могу отобразить значение свойства свойства объекта в реагировать?

Question

Как я могу отобразить значение свойства объекта в действии?

, как показано ниже

Temperature: {
  Metric: {
    Value: 27.8,
    Unit: "C",
    UnitType: 17
  },
  Imperial: {
    Value: 82,
    Unit: "F",
    UnitType: 18
  }
};

Я хочу записать только значение метрики: 27,8

Я написалэтот код ниже, но я получил ошибку.

import React from "react";
import Cities from "./Cities";

const CityList = ({ cities }) => {
  const cityArray = cities.map((user, i) => {
    return (
      <Cities
        key={user[i].Key}
        WeatherText={user[i].WeatherText}
        EnglishName={user[i].EnglishName}
        Value={user[i].Temperature.Metric.Value}
      />
    );
  });
  return (
    <div className="tc">
      <div> {cityArray} </div>
    </div>
  );
};

export default CityList;

спасибо

Answer 1

Вы можете просто сделать

const CityList = ({ cities }) => {
  const cityArray = cities.map((city) => {
    return (
      <Cities
        key={city.Key}
        WeatherText={city.WeatherText}
        EnglishName={city.EnglishName}
        Value={city.Temperature.Metric.Value}
      />
    );
  });

Кроме того, переменные не должны начинаться с заглавной буквы.