React / Reactstrap 警告:在严格模式树中检测到旧上下文 API

IT技术 reactjs reactstrap strict
2021-04-30 12:13:50

这是全新的安装 - 我没有对警报组件进行任何转换

复制代码很简单

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>
   );
};

错误消息:请更新以下组件:过渡

在此处输入图片说明

如何一起更新Transition或消除它?

3个回答

我有同样的警告,我修复了它在index.js文件中更改的值<React.StrictMode>to <React.Fragment>由于这消除了警告,因此不能保证您可以防弹。

如果有人在搜索问题后来到这里并正在寻找洞察力,就是这样。

React Strap(在撰写本文时)使用react-transition-group事物淡入淡出和菜单上下滑动。在此处和 Github 上合并有关此主题的信息后,他们目前正在更新库。我通过忽略警告完成了该组件的编码。

它并没有妨碍该组件的迭代。快乐编码。

此问题已报告,并且显然已修复,但即使使用更新的源代码,我也收到相同的错误。这不仅仅是错误 - 它可能导致组件重新渲染

这是 reactstrap 存储库中关于此的一个 github 线程(但有很多):https : //github.com/reactstrap/reactstrap/issues/1340

但是,有许多与此警告相关的问题。

尽我所知,它与 Transition.js 中的一个项目有关,我认为它可能与组件“进入”时的 this.context 调用有关

但是,我遇到这个问题的项目是我正在构建的第一个 React 应用程序,我还没有准备好学习 Legacy Context API,所以这只是我最好的猜测,最后我只是选择了一个替代包。

我没有代表发表评论,所以我唯一的答案是:

  1. 向 reactstrap 团队报告问题并等待/协助修复
  2. 使用替代包