Javascript ReactJS:目标容器不是dom元素(非HTML)
我的ReactJS代码有问题,它一直告诉我目标容器不是DOM元素,不管我重新排列代码多少次。它不涉及HTML,我真的不知道是什么导致了这个错误。有什么帮助吗?什么是目标容器Javascript ReactJS:目标容器不是dom元素(非HTML),javascript,reactjs,Javascript,Reactjs,我的ReactJS代码有问题,它一直告诉我目标容器不是DOM元素,不管我重新排列代码多少次。它不涉及HTML,我真的不知道是什么导致了这个错误。有什么帮助吗?什么是目标容器 import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import registerServiceWorker from './registerServiceWorker'; import Home from "./compon
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import registerServiceWorker from './registerServiceWorker';
import Home from "./components/Home";
import login from "./components/login"
import Header from "./components/Header";
//import PageAccount from './components/PageAccount';
import PageBlog from './components/PageBlog';
import PageBlogCreate from './components/PageBlogCreate';
import PageSearch from "./components/PageSearch";
//import PageLogin from './components/PageLogin';
import PageError from './components/PageError';
import {BrowserRouter} from "react-router-dom";
import {Switch} from "react-router-dom";
import {Route} from "react-router-dom";
import "./sass/index.css";
import App from "./App";
import ContextHandler from "./ContextHandler"
ReactDOM.render((
/*
<BrowserRouter>
<div>
<Switch>
<Route path="/" exact component={Home}/>
{ /*<Route path="/about" exact component={About}/>
<Route path="/news" exact component={News}/>
<Route path="/login" exact component={Login}/>
<Route path="/search" exact component={Search}/> }
<Route path="/" exact component={Header}/>
{ /*<Route path="/account" exact component={PageAccount}/>
<Route path="/blog" exact component={PageBlog}/>
<Route path="/blog/create" exact component={PageCreateBlog}/>}
<Route path="/search" exact component={PageSearch}/>
{/*<Route path="/login" exact component={PageLogin}/>
<Route path="*" component={PageError}/>}
<Route path="/search" exact component={PageSearch}/>
<Route path="/login" exact component={login}/>
{ <Route path="*" component={PageError}/> }
</Switch>
</div>
</BrowserRouter>
*/
//),
<ContextHandler>
<App />
</ContextHandler>
,
ReactDOM.render(<App />, document.getElementById('root'))));
registerServiceWorker();
import React,{Component}来自'React';
从“react dom”导入react dom;
从“./registerServiceWorker”导入registerServiceWorker;
从“/components/Home”导入主页;
从“/components/login”导入登录名
从“/components/Header”导入标题;
//从“./components/PageAccount”导入PageAccount;
从“./components/PageBlog”导入PageBlog;
从“./components/PageBlogCreate”导入PageBlogCreate;
从“/components/PageSearch”导入页面搜索;
//从“./components/PageLogin”导入PageLogin;
从“./components/PageError”导入PageError;
从“react router dom”导入{BrowserRouter};
从“react router dom”导入{Switch};
从“react router dom”导入{Route};
导入“/sass/index.css”;
从“/App”导入应用程序;
从“/ContextHandler”导入ContextHandler
ReactDOM.render((
/*
{ /*
}
{ /*
}
{/*
}
{ }
*/
//),
,
render(,document.getElementById('root'));
registerServiceWorker();
您不能有嵌套的ReactDOM.render调用这样的调用尝试以下方法:
ReactDOM.render(
<ContextHandler>
<App />
</ContextHandler>,
document.getElementById('root')
)
ReactDOM.render(
,
document.getElementById('root'))
)
并确保您的
index.html
包含一个
您不能嵌套reactDom.render…只调用一次yagreed,但即使我删除了内部reactDom,它仍然会导致错误!很好!非常感谢你!把那个复选标记变成绿色!