[英]How can I import and use data from a JSON file in my React app?
[英]React: How can I import only a specific subset of data from a data file?
我有一长串财务数据存储在 JS 文件中:
{
StockId: 0,
link: "/Stock-detail",
StockName: "Wayne Enterprises",
StockPrice: "81.58 CHF",
StockChange: "-3%",
StockCategory: 'Real Estate'
StockMarketCap: "909T",
StockMarketVolume: "853T",
StockTrend: "pos",
StockPriceChart: TrendPos,
StockMinInvest: "500,00 CHF",
StockRegulators: "FINMA",
如何仅将这些数据的特定子集(例如,仅包含股票类别 'Real Estate' 的条目)传递/过滤到组件中? 这是当前传递数据的方式:
Stock.map(item => {
return (
<StockTile
StockName={item.StockName}
StockType={item.StockType}
StockCategory:{item.StockCategory}
StockPrice={item.StockPrice}
link={item.link}
StockTrend={item.StockTrend}
StockPriceChart={item.StockPriceChart}
/>
)
})
}
试试这个:
Stock.filter(item => item.StockCategory === "Real Estate").map(item => {
return (
<StockTile
StockName={item.StockName}
StockType={item.StockType}
StockCategory={item.StockCategory}
StockPrice={item.StockPrice}
link={item.link}
StockTrend={item.StockTrend}
StockPriceChart={item.StockPriceChart}
/>
);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.