我如何在React中使用配置json文件与where条件

Question

我有一个json文件叫config.json:

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

table.js:

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

我怎么能从json读取数据时id=8使用reactjs。我试了一下，但显示错误。

配置文件是项目内部的本地组件。

Answer 1

您可以使用filter或find方法:带过滤方法:

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 );

Answer 2

import configData from "../config/config.json";
const data = configData.find(x => x.id === 8)

在id = 8的configData中找到所需的数据元素，并将其存储在data

中