如何在 React 中使用配置 json 文件與 where 條件

Question

我有一個名為 config.json 的 json 文件：

[
  {
    "id":8,
    "data":["student","teacher"]
   },
   {
    "id":9,
    "data":["student"]
   },
   {
    "id":10,
    "data":["student","teacher","parents"]
   }
]

表.js：

import configData from "../config/config.json";
const data =configData.map(configData, 8);
console.log(data );

當 id=8 時，我如何使用 reactjs 從 json 讀取數據。我在上面嘗試過，但顯示錯誤。

config 文件是項目內部的一個本地組件。

Answer 1

您可以使用過濾器或查找方法：使用過濾器方法：

 import configData from "../config/config.json"; const data = configData.filter(function(item) { return item.id ===9 }); //or using ES6 you can do const data = configData.filter(item => item.id ===9); console.log(data );

或者如果你想要一個 object 而不是數組，你可以使用 find 方法：

 import configData from "../config/config.json"; const data = configData.find(item => item.id ===9); //this will return a single object console.log(data );

Answer 2

import configData from "../config/config.json";

const data = configData.find(x => x.id === 8)

這會在 configData 中找到 id = 8 的所需數據元素，並將其存儲在 data 中