用React刻自己的投资Dashboard Day29 - 替股票加上名称

tags: 2021铁人赛 React

上一篇提到台股技术面的最新收盘资讯只有股票代号，似乎少了名称，本篇就来把它补上吧。

资料来源

Finmind API里面有一个资料及叫做TaiwanStockInfo，用postman去打API可以得到下列资讯。

{
    "msg": "success",
    "status": 200,
    "data": [
        {
            "industry_category": "ETF",
            "stock_id": "0050",
            "stock_name": "元大台湾50",
            "type": "twse",
            "date": "2021-10-13"
        },
        {
            "industry_category": "ETF",
            "stock_id": "0051",
            "stock_name": "元大中型100",
            "type": "twse",
            "date": "2021-10-13"
        },
        ...
}

其中data就是涵盖所有台股的资料，不过这样的格式不能直接拿来用，需要做一些资料处理。

资料格式转换

目标是希望能够做一个json档，如下：

{
  "0050":"元大台湾50",
  "0051":"元大中型100",
  ...
}

这种hash table的结构，适合用股票代号快速去找到对应的名称，因此需要将上述API的data部分，整理成这样的格式。不过整理的细节这边就不多说，比较繁琐一些。

载入资料

• KBarChart资料夹放入json档
  

• KBarChart元件载入json档

...
import stockName from './stockName.json';
...

载入之後再透过股票代号去从json档捞名称即可

成果

小结

这篇其实花了蛮多心力在整理资料，因为资料量有点大，而且发现有些资料是重复的，不过最後还是顺利完成，太棒了。