Recharts не рендеринг динамического примера ⇐ Html

[Anonymous]

Я пытаюсь динамически добавить ключи данных в линейную диаграмму в Recharts. Это отображает график, но нет строк. < /P>
Вот структура данных: < /p>

Код: Выделить всё

  const productDataset= [
{
name: "2023-02-18",
flavor1: 14,
flavor2: 10,
flavor3: 9,
},
{
name: "2023-02-19",
flavor1: 7,
flavor2: 9,
flavor3: 2,
},
{
name: "2023-02-20",
flavor1: 18,
flavor2: 21,
flavor3: 15,
},
];
< /code>
И вот мой код рендеринга: < /p>
const renderLineChart = (key) => (

);

function renderChart() {
let productArray = [];
productDataset.forEach((date) => {
Object.keys(date).filter((item) => {
return item != "name";
}).map((key) => {
if (key != "name" && !productArray.includes(key))
productArray.push(key);
});
});
return (







{productArray.map((key) => {
renderLineChart(key);
})}


)
< /code>
Кроме того, я заметил, что если я заменяю функцию карты и вручную вызову конкретный вкус с одной даты в объекте (пример ниже), она делает линию совершенно хорошей, поэтому проблема должна быть где -то в коде рендеринга, а не в подготовке данных: < /p>
«Br />» должна быть где -то в коде рендеринга, а не в подготовке данных: < /p>

должна быть где -то в коде рендеринга, а не в подготовке данных: < /p>

            

Любая помощь ценится!

Подробнее здесь: https://stackoverflow.com/questions/755 ... ic-datakey