我如何在反應中傳遞 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(...)}