javascript - React:如何从数据文件中仅导入特定的数据子集?
问题描述
我有一长串存储在 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",
如何仅将这些数据的特定子集(例如仅具有 Stock Category '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}
/>
);
});
推荐阅读
- java - 如何创建随机 AES 128 PrivateKey 和 IV 作为字符串?
- reactjs - 如何从父 React.FunctionalComponent 调用子 React.Component 的方法?
- graphics - 支持使用 Vulkan 交换链图像作为传输目标的程度
- javascript - 选择输入字段总是返回未定义
- android - 在 Firebase 中实现 CountUp 计时器
- angular - 如何更改通知器角度的样式并在其中添加图标
- javascript - 有没有办法处理“同意”或“拒绝”按钮上的 onClick 事件?
- android - 如何在 PagedListAdapter 上添加 ItemClick?
- php - 是否需要 openssl_free_key?
- python - 如何修复特征工具中的“AttributeError:目标实体中索引变量的名称或“instance_id”必须存在于cutoff_time中”错误?