0
votes

React-Router-Dom Link ouvert en haut de la page

Je me sens donc jolie dum à poser ceci mais ne peut pas trouver une réponse directe à elle.

Dois-je donner n'importe quel paramètre CSS ou directement à pour les pages sur mon réagir de l'application ouverte en haut?

edit Donc, refuser, chaque fois que je clique sur un élément sur mon projet de réactjs, le lien ouvre une page au milieu de l'écran, pas un sommet.

Par exemple . J'ai ce composant xxx

et lorsque je clique sur, il ouvre une nouvelle page / composante mais pas en haut de la page. L'utilisateur doit faire défiler l'utilisateur afin de voir le sommet et j'aimerais ouvrir de nouvelles pages directement en haut!


                        
                        
                            
                                                                    reactjs
                                                                    react-router-dom
                                                            
                        
                                                    
                            
                            
                                5 commentaires
                                
                                                                            Pouvez-vous rehrasser cela, la question n'est pas claire.
                                        
                                                                            @Dehandecroos Je l'ai édité avec une explication claire
                                        
                                                                            React-Router-DOM ne peut pas s'ouvrir sur la page supérieure, vous pouvez utiliser  document.body.scrolltop  pour aller en haut

                                        
                                                                            essayez #product si c'est un élément; ou si sa page essaie de vous assaillir le code des itinéraires
                                        
                                                                            @Obliciona Si je ne me trompe pas, vous demandez peut-être comment réaliser une fenêtre.



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Vous pouvez utiliser la bibliothèque  réacteur-défilement  et détecter lorsque vous modifiez le match d'emplacement , faites défiler jusqu'à Top comme celui-ci  xxx                                  

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    2
 votes
                                
                            
                            
                                
                                     Ceci peut être fait sans installer de bibliothèques supplémentaires. Vous pouvez vérifier l'exemple officiel de  réacteur-routeur  pour la restauration de défilement  ICI .                                 


                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Le lien correct pour  Restauration de défilement  dans la documentation de réacteur-routeur.                                                
                                                
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Faites de la fonction ScrollTototop et utilisez-la dans votre étiquette de liaison 
 <li   onClick={scrollToTop} ><Link to={{pathname: "/product", state: {products}}}><i className="fa fa-search"></i></Link></li>

                                

                                                                    
                                    
                                    
                                        0 commentaires

Articles qui pourrait vous intéresser : Mon application create-react ne parvient pas à se compiler en raison d'une erreur ESLint Erreur: Node Sass version 5.0.0 est incompatible avec ^ 4.0.0 La réinitialisation de React-hook-form fonctionne correctement, les champs de saisie ne se vident toujours pas après l'envoi Changer le format numérique du champ d'entrée dans le mode d'édition de ligne de table d'Antd?