我試圖通過不是自己的鍵而是類似于鍵的字串來列印物件值。我以某種方式使用 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;
uj5u.com熱心網友回復：
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
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/463619.html
下一篇：物件中的類函式(node.js)