我如何在反应中传递 map function 前面的道具？

Question

我将一些 json 文件导入为：

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

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

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

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

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

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

我试过将 props.category 包含在 { },( ) 中，并在将它们声明为 const 变量后传递它们，但似乎都不起作用。

Answer 1

你可以尝试这样的事情

  const data = {general,health,business};

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