Hata: Bir <Route> yalnızca<Route> < Routes> öğesinin alt öğesi olarak kullanılacak, hiçbir zaman doğrudan işlenmeyecek. Lütfen <Route> dosyanızı bir <Route><Routes> dosyasına sarın [duplicate]

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;

Zaten çok fazla araştırmam var ve birçok npm temel kodu yüklüyorum ,ancak aynı sorunla karşı karşıyayım (Hata: A yalnızca öğenin alt öğesi olarak kullanılacak, asla doğrudan işlenmeyecek. Lütfen a) ' ya sarın.

İlerlediğin için yürekten teşekkürler ve sevgiler.

Question 2

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

Browserrouter'ı içe aktarıyor ve Routes olarak yeniden adlandırıyorsunuz. Hata iletisinde belirtilen bileşen bu değildir. Bunun yerine, Browserrouter'ı içe aktarmanız ve Rotaları içe aktarmanız ve kullanmanız gerekir.

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';

Browserrouter'ı içe aktarıyor ve Routes olarak yeniden adlandırıyorsunuz. Hata iletisinde belirtilen bileşen bu değildir. Bunun yerine, Browserrouter'ı içe aktarmanız ve Rotaları içe aktarmanız ve kullanmanız gerekir.

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

Hata: Bir <Route> yalnızca<Route> < Routes> öğesinin alt öğesi olarak kullanılacak, hiçbir zaman doğrudan işlenmeyecek. Lütfen <Route> dosyanızı bir <Route><Routes> dosyasına sarın [duplicate]

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride