javascript - 如何在 React 中使用带有 where 条件的配置 json 文件

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 文件是项目内部的一个本地组件。

标签： javascriptnode.jsreactjsreact-nativeweb-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 );

或者如果你想要一个对象而不是数组，你可以使用 find 方法：

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

console.log(data );