React. Где хранить объект Chart.js

Question

Пишу графики на React. Использую библиотеку chart.js (НЕ react-chartjs-2). У меня возникла потребность при старте приложения рендерить график, а после при клике изменять в нём данные и перерендерить его. Для того, чтобы это сделать, мне нужно где-то сохранить объект графика, а после при помощи этого объекта изменить в нём данные. Мне кажется, что state для этого плохо подходит. Подскажите пожалуйста, где же можно сохранить этот объект?

Answer 1

Если объекты не будет меняться, просто вынесите их в константу

Например:

const chartUsersConfig = { 
   // some values
}

const chartFruitsConfig = {
  // some values
}

Либо же, например, создайте папку helpers, в ней файл chart-config.js А в нём что-то типа:

const chartConfig = {
  user: {
    // some values
  },
  fruits: {
    // some values
  }
}

export { chartConfig }

А дальше подключаете где вам удобно:

// ...
<Chart data={userData} config={chartConfig.user} />
// ...

Если я правильно понял ваш вопрос )

П.С. - код примерный, думаю данные сами прокините в нужные пропсы

БЛОГ НА HUSL

React. Где хранить объект Chart.js

Ответы (1 шт):