Después de crear el entorno de reacción con react-create-app --typescript, utilicé las funciones Route, Redirect y Switch con react-router-dom.

Aplicación.tsx

 <Switch> <QueryClientProvider client={queryClient}> <Redirect exact path="/" to="/main" /> <Route path="/main" component={Main} /> <Route path="/product/:id" component={Product} /> <Route path="/search" component={Search} /> </QueryClientProvider> </Switch>

índice.tsx

 <BrowserRouter> <App /> </BrowserRouter>,

Página extrañamente dinámica www.localhost:3000/product/1 2 3 4

De esta forma, si intenta ingresar después de ingresar el dominio, automáticamente será dirigido a la página principal.

Y haga clic en el valor de identificación dinámico en la página principal para pasar a la página de detalles del valor de identificación. Si actualiza la página de detalles, pasará automáticamente a la página principal principal. ¿Por qué estás haciendo esto? No se utiliza la redirección.

No puedo encontrar el problema.

Si actualiza la página del componente de búsqueda que no sea la página principal, será redirigido a la página principal principal. Realmente no sé por qué es esto.