Erro: A <Rota> é só para ser usado como o filho de <Rotas> elemento, nunca prestados diretamente. Por favor, embrulhe o <Rota> em um <Rotas> [duplicado]

Question 1

    import Home from './pages/Home';
import { BrowserRouter as Routes, Route} from 'react-router-dom';
function App() {
  return ( 
    <Routes>
    <div className="max-w-screen-md mx-auto pt-20">
     <Route exact path="/" component={Home} />
    </div>
    </Routes>
    );
}
export default App;

Já tenho muitas pesquisas e instalar muitos npm da base de dados de código , mas enfrentando o mesmo problema (Erro: é só para ser usado como o filho do elemento, nunca prestados diretamente. Por favor, embrulhe o seu em uma ).

Graças e de amor do meu coração para o avançado.

Question 2

import { BrowserRouter as Routes, Route} from 'react-router-dom';

Você está importando BrowserRouter e renomeá-lo para as Rotas. Este não é o componente que é mencionado na mensagem de erro. Em vez disso, você precisa importar BrowserRouter e também Rotas de importação e usá-lo.

import { BrowserRouter, Routes, Route } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <div className="max-w-screen-md mx-auto pt-20">
        <Routes>
          <Route exact path="/" component={Home} />
        </Routes>
      </div>
    </BrowserRouter>
  )
}

Nicholas Tower · Answer 1 · 2021-11-24T03:33:18

import { BrowserRouter as Routes, Route} from 'react-router-dom';

Você está importando BrowserRouter e renomeá-lo para as Rotas. Este não é o componente que é mencionado na mensagem de erro. Em vez disso, você precisa importar BrowserRouter e também Rotas de importação e usá-lo.

import { BrowserRouter, Routes, Route } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <div className="max-w-screen-md mx-auto pt-20">
        <Routes>
          <Route exact path="/" component={Home} />
        </Routes>
      </div>
    </BrowserRouter>
  )
}

Erro: A <Rota> é só para ser usado como o filho de <Rotas> elemento, nunca prestados diretamente. Por favor, embrulhe o <Rota> em um <Rotas> [duplicado]

Pergunta

Melhor resposta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria