我如何在 map 函数前面传递一个 prop？

Question

我正在将一些 json 文件导入为：

import general from './Data/general.json';
import health from './Data/health.json';
import business from './Data/business.json';

我正在尝试遍历 json 文件中的数组“文章”，文件的名称与我传递的类别道具相同。所以，我想知道如何更改我的地图函数从中获取数据的文件，使用在按下导航栏上的按钮时更改的道具输入。

正在尝试这个，但它不起作用：

{props.category.articles.map((element) => {

这样做可行，但我无法根据道具更改它：

{general.articles.map((element) => {

我尝试将 props.category 包含在 { },( ) 中，并在将它们声明为 const 变量后传递它们，但 none 似乎有效。

Answer 1

你可以试试这样的

  const data = {general,health,business};

  {data[props.category].ariticles.map(...)}

How do I pass a prop in front of map function in react?