datepicker - React 无法识别 DOM 元素上的 `transitionAppear` Prop 。如果您有意希望它作为自定义属性出现在 DOM 中

Question

我正在使用 docs 中描述的 redux-form-material-ui DatePicker .但是它只会抛出这些错误。

React 无法识别 DOM 元素上的 transitionAppear、transitionAppearTimeout、transitionEnter 和 transitionEnterTimeout 属性...

我在开发者工具中检查过，这些过渡属性实际上是从它的父 CSSTransitionGroup 传递给子 div。

因此，DatePicker 对话框未按预期工作。我已经在这上面花了一天多的时间，但似乎无法正常工作。请帮帮我!

Answer 1

您报告的确切 Bug 在这里讨论:“Unknown props transitionAppear, transitionAppearTimeout, transitionEnter, transitionEnterTimeout 和涟漪 # 9328 “。

用户kaytrance说:“原来material-ui使用的是react-transition-group v1.x，但是我用的一个图表库对v2.x有依赖。所以我不得不放一个旧版本的图表库为了摆脱这些错误。”。

用户 kevincolten 的进一步评论是:“您可以在 package.json 中引入两个 react-transition-groups

"react-transition-group": "^1.2.0",
"react-transition-group-v2": "npm:react-transition-group",

”。

---

example given在你的问题中，我的浏览器运行良好。

因为您没有提供您的代码(和修改？)或 CodeSandbox(对我来说OK)我不得不使用不同的示例重现相同的错误并确定适当的修复。

我从 this 得到沙盒:

Warning: render(): Rendering components directly into document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try rendering into a container element created for your app.

Warning: React does not recognize the staticContext prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase staticcontext instead. If you accidentally passed it from a parent component, remove it from the DOM element.

in a (created by Link)
in Link
in CourseLink (created by Route)
in Route (created by withRouter(CourseLink))
in withRouter(CourseLink) (created by Course)
in li (created by Course)
in ul (created by Course)
in div (created by Course)
in Course (created by Route)
in Route (created by BasicExample)
in div (created by BasicExample)
in Router (created by BrowserRouter)
in BrowserRouter (created by BasicExample)
in BasicExample

No Results

此处报告了该错误“React does not recognize the staticContext prop on a DOM element”。

suggested fix来自用户 timdorr 的是:

“您应该做 NavLink 所做的并将其包装在 CourseLink 内的 route :https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/NavLink.js”。

Animation-Add-on无法识别。

那是由于不正确的依赖关系，加载两者比修复一个更容易。