如何使用键作为另一个字符串打印对象值

Question

我正在尝试打印一个对象值，而不是它自己的键，而是一个类似于键的字符串。我以某种方式使用 useParams() 字符串中的过滤器函数获得了密钥匹配，只剩下一步就可以得到我想要的输出。

import React from 'react';
import { useParams } from 'react-router-dom';

function MoreArticle() {
  const feed = {
    Fall : 'This is the Detailed description about season of Fall',
    Summer : 'This is the Detailed description about season Summer',
    Winter : 'This is the Detailed description about season Winter',
    Monsoon : 'This is the Detailed description about season Monsoon',
    Spring : 'This is the Detailed description about season Spring',
  };

  const { name } = useParams(); //Summer
  const seasons = Object.keys(feed);

  return (
    <div>
      <div>
        {seasons.filter(season => {
          console.log(feed.season);
          return(
            season == name && <div>{season}</div> //Returns Summer
            //season == name && <div>{feed.season}</div> 
            //How to return object description  
            //by using something like this value |
          );
        })}
      </div>
    </div>
  );
}

export default MoreArticle;

Answer 1

而不是使用 feed.season，考虑使用括号表示法来定位特定的键值对，如下所示：feed[name]

import React from 'react';
import { useParams } from 'react-router-dom';

function MoreArticle() {
  const feed = {
    Fall : 'This is the Detailed description about season of Fall',
    Summer : 'This is the Detailed description about season Summer',
    Winter : 'This is the Detailed description about season Winter',
    Monsoon : 'This is the Detailed description about season Monsoon',
    Spring : 'This is the Detailed description about season Spring',
  };

  const { name } = useParams(); //Summer

  return (
    <div>{feed[name]}</div>
  );
}

export default MoreArticle;

在此处查看更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors

如何使用键作为另一个字符串打印对象值

How to print object value using key as another string

object

react-hooks