javascript — реагирует на хуки с помощью recharts. Предупреждение AreaChart Console

Реагируйте на хуки, используя recharts AreaChart Console Предупреждение

Я реализовал AreaChart из recharts в моем приложении следующим образом:

 import React from 'react'; import { AreaChart, Area, XAxis, YAxis, Tooltip, ResponsiveContainer, } from 'recharts'; import PropTypes from 'prop-types'; const CustomAreaChart = (props) ={amp}gt; { const { data, xDataKey, yDataKey, areaDataKey, options, } = props; return ( {amp}lt;ResponsiveContainer{amp}gt; {amp}lt;AreaChart data={data} width={options.width} height={options.height} margin={options.margin} {amp}gt; {amp}lt;XAxis dataKey={xDataKey} /{amp}gt; {amp}lt;YAxis dataKey={yDataKey} /{amp}gt; {amp}lt;Tooltip content={options.renderTooltipContent} /{amp}gt; {amp}lt;Area type={options.areaType} dataKey={areaDataKey} stroke={options.areaStrokeColor} fill={options.areaFillColor} /{amp}gt; {amp}lt;/AreaChart{amp}gt; {amp}lt;/ResponsiveContainer{amp}gt; ); }; CustomAreaChart.propTypes = { data: PropTypes.array.isRequired, areaDataKey: PropTypes.string.isRequired, xDataKey: PropTypes.string, yDataKey: PropTypes.string, options: PropTypes.object, }; CustomAreaChart.defaultProps = { xDataKey: null, yDataKey: null, options: { width: 500, height: 400, margin: { top: 0, right: 0, left: 0, bottom: 0, }, renderTooltipContent: null, areaType: 'monotone', areaStrokeColor: null, areaFillColor: null, }, }; export default CustomAreaChart; 

Теперь он работает нормально, но я получил это предупреждение в консоли (хром).

Предупреждение: componentWillReceiveProps был переименован и не рекомендуется для использования. Смотрите «некоторую ссылку» для деталей.

  • Переместите код выборки данных или побочные эффекты в componentDidUpdate.
  • Если вы обновляете состояние каждый раз, когда изменяется реквизит, реорганизуйте свой код для использования методов запоминания или переместите его в статический getDerivedStateFromProps. Узнайте больше на: «некоторая ссылка»

  • Переименуйте componentWillReceiveProps в UNSAFE_componentWillReceiveProps, чтобы отключить это предупреждение в нестрогом режиме. В React 17.x будет работать только имя UNSAFE_. Чтобы переименовать все устаревшие жизненные npx react-codemod rename-unsafe-lifecycles в новые имена, вы можете запустить в исходной папке вашего проекта npx react-codemod rename-unsafe-lifecycles .

Пожалуйста, обновите следующие компоненты: Animate, Area, AreaChart, Text

Я использую реагировать 16.9.0 .

Есть ли у вас какие-либо предложения, чтобы удалить это предупреждение?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector