Javascript 分解具有附加属性的项

我想看看有没有更好的办法摧毁这个道具

我从天气API获取数据，并通过道具将其传递给组件。完整对象是

this.props.weather.Temperature.Maximum.Value

我现在正在这样破坏它

const{Maximum，Minimum}=this.props.weather.Temperature

我不得不这样称呼它，因为之后会有额外的财产

{Maximum.value}

有没有更好的方法来分解这个？或者这种方法很好。
尝试进一步分解对象，以获得
最大值和
最小值

const { Maximum: { Value: MaximumValue }, Minimum: { Value: MinimumValue } } = this.props.weather.Temperature

然后您可以像这样访问它：

console.log(MaximumValue, MinimumValue)

尝试进一步分解对象，以获得
最大值
和
最小值

const { Maximum: { Value: MaximumValue }, Minimum: { Value: MinimumValue } } = this.props.weather.Temperature

然后您可以像这样访问它：

console.log(MaximumValue, MinimumValue)

我想在我的comp中通过的示例道具

const Attraction = ({
  auth, 
  auth: { token },
  attraction: { id, url_name, name, image_url, average_rating }
}) => {
  return (
    <div auth={auth} key={id}>
      <Link token={token} to={`/attractions/${url_name}`} key={id}>
        <img alt={name} src={image_url} />
        <h1>{name}</h1>
      </Link>
      <StarRatings rating={average_rating} />
    </div>
  );
};`enter code here`

const Attraction=({
啊,，
身份验证：{token}，
吸引力：{id，url\u name，name，image\u url，average\u rating}
}) => {
返回(
{name}
);
};`在这里输入代码`

我想在我的comp中通过的示例道具

const Attraction = ({
  auth, 
  auth: { token },
  attraction: { id, url_name, name, image_url, average_rating }
}) => {
  return (
    <div auth={auth} key={id}>
      <Link token={token} to={`/attractions/${url_name}`} key={id}>
        <img alt={name} src={image_url} />
        <h1>{name}</h1>
      </Link>
      <StarRatings rating={average_rating} />
    </div>
  );
};`enter code here`

const Attraction=({
啊,，
身份验证：{token}，
吸引力：{id，url\u name，name，image\u url，average\u rating}
}) => {
返回(
{name}
);
};`在这里输入代码`