Предупреждение React / Reactstrap: устаревший контекстный API был обнаружен в дереве строгого режима

Question

Это совершенно новая установка - я не вставлял никаких переходов в компонент Alert

Реплицировать код просто

import React from "react";
import { Alert } from "reactstrap";

export const Index = () => {
   return (
      <div>
         <Alert color='primary'>This is a primary alert — check it out!</Alert>
      </div>
   );
};

Сообщение об ошибке: Пожалуйста, обновите следующие компоненты: Переход

Как можно go обновить Transition или удалить все вместе?

Answer 1

• 1000 элементы постепенно появляются и исчезают, а меню скользит вверх и вниз. После объединения информации по этой теме здесь и на Github они в настоящее время обновляют библиотеку. Я закончил кодирование этого компонента, проигнорировав предупреждение.

Это не помешало этой итерации этого компонента. Удачного кодирования.

Answer 2

У меня такое же предупреждение, и я исправил его изменение в файле index.js, значение <React.StrictMode> на <React.Fragment>.

Answer 3

Об этой проблеме было сообщено и, по-видимому, исправлено, но я получил ту же ошибку даже с обновленным исходным кодом. Это больше, чем просто ошибка - это может привести к повторному рендерингу компонентов

Вот один поток github из репозитория reactstrap по этому поводу (но их несколько): https://github.com/reactstrap/reactstrap/issues/1340

Однако есть ряд проблем, связанных с этим предупреждением.

Насколько я могу судить, это как-то связано с элементом в Transition. js, и я думаю, что это может иметь отношение к вызову this.context, когда компонент «входит»

Но проект, в котором я столкнулся с этой проблемой, - это первое приложение React, которое я создаю, и я не совсем готов изучить Legacy Context API, так что это мое лучшее предположение, и в конце концов я просто выбрал альтернативный пакет.

У меня нет представителя, чтобы оставить это в комментарии, поэтому единственные ответы, которые у меня есть:

1. Сообщите о проблеме команде reactstrap и подождите / помогите с fix
2. Использовать альтернативный пакет