Я передаю переменную компоненту, как показано ниже, и сопоставляю ее для фильтрации массива
Пример:
<TestSection name={Stackoverflow} />
В компоненте Testsection
const TestSection = ({ name }) => {
const Data = useStaticQuery(
graphql`
query {
Json {
TEST {
Stackoverflow {
title
description
}
Overflowstack {
title
description
}
}
}
}
`
);
console.log(name) // this outputs Stackoverflow and this should be the input for map function
return (
{Data.Json.TEST.name.map((item, index) => (
<div key={`test-${index}`}>
<ul>
<li>{item.title}</li>
<li>{item.description}</li>
</ul>
</div>
))}
);
};
Передача имени в массив карты не работает. Намерение состоит в том, чтобы вернуть данные массива на основе имени вызывающего компонента. Как передать имя в массив карт? Спасибо