Javascript 未捕获错误:缩小的反应错误#200
我是React的初学者,无法调试错误 这是我在React中使用组件的代码 我试图用图像、标题和链接模拟谷歌搜索图像结果,但在浏览器上我看到的只是一个空屏幕 错误声明是:Javascript 未捕获错误:缩小的反应错误#200,javascript,html,reactjs,frontend,babeljs,Javascript,Html,Reactjs,Frontend,Babeljs,我是React的初学者,无法调试错误 这是我在React中使用组件的代码 我试图用图像、标题和链接模拟谷歌搜索图像结果,但在浏览器上我看到的只是一个空屏幕 错误声明是: Uncaught Error: Minified React error #200; visit https://reactjs.org/docs/error-decoder.html?invariant=200 for the full message or use the non-minified dev environme
Uncaught Error: Minified React error #200; visit https://reactjs.org/docs/error-decoder.html?invariant=200 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at Object.I.render (react-dom.production.min.js:238)
at <anonymous>:99:10
at n (babel.min.js:12)
at r (babel.min.js:12)
at o (babel.min.js:12)
at u (babel.min.js:12)
at E (babel.min.js:1)
未捕获错误:缩小的反应错误#200;参观https://reactjs.org/docs/error-decoder.html?invariant=200 获取完整消息,或使用非小型开发环境获取完整错误和其他有用警告。
在Object.I.render(react dom.production.min.js:238)
在
)
}
}
类SearchRes扩展了React.Component{
render(){
返回(
)
}
}
ReactDOM.render(
,目的地
)
只需更改此设置即可
var destination = document.getElementsByClassName("container");
到
在你的代码中,你正在尝试这个
var destination = document.getElementsByClassName("container");
它返回元素数组
你要做什么才能像这样使用它
var destination = document.getElementById("container");
当您使用id=“container”时,您必须使用它。每当您看到这样的错误时,您可以访问它建议的页面以查看完整的错误。所以,当打开时,你可以看到
目标容器不是DOM元素
这意味着您试图将应用程序呈现到错误的dom节点。问题在于:
var destination=document.getElementsByClassName(“容器”)代码>,
您需要使用getElementById
而不是getElementsByClassName
您是否尝试使用非小型开发环境来获取完整错误和其他有用警告我应该下载非小型开发环境吗?我不知道该消息的意思是,我只是想知道您是否遵循了错误消息中给出的建议-目标容器是否不是DOM元素。
对您来说有什么意义吗?投票以键入问题的形式结束。1。您需要document.getElementById(“容器”)
2。如果容器有一个类,您就需要var destination=document.getElementsByClassName(“容器”)[0]因为它返回一个集合。3.如果它有一个类并且您想要第一个,那么您应该使用var destination=document.querySelector(“.container”)代码>相反。这是一个完整的答案。我不知道为什么不喜欢。谢谢
var destination = document.getElementById("container");