Heim >Web-Frontend >js-Tutorial >So lösen Sie das Problem, dass der Reaktionslink nicht springt

So lösen Sie das Problem, dass der Reaktionslink nicht springt

藏色散人
藏色散人Original
2021-11-26 11:40:213693Durchsuche

Lösungen für nicht springende React-Links: 1. Deaktivieren Sie JS Remotely; 2. Fügen Sie der Root-Pfad-Route-Komponente eine zusätzliche Komponente hinzu.

So lösen Sie das Problem, dass der Reaktionslink nicht springt

Die Betriebsumgebung dieses Artikels: Windows7-System, React17.0.1, Dell G3.

Wie kann man das Problem lösen, dass der Reaktionslink nicht springt?

Router nativ reagieren: Link springt nicht, wenn darauf geklickt wird Wird verursacht, nachdem das Remote-Debugging aktiviert wurde. Ungültig. Nach dem Schließen können Sie den TouchableOpacity-Effekt sehen, indem Sie darauf klicken, können aber immer noch nicht springen. 2. Fügen Sie der Root-Pfad-Routenkomponente etwas hinzu wurde durch die Verwendung von createMemoryHistory verursacht, und später hatte ich Angst, dass die Seite springen würde, aber weil ich blockiert war oder so etwas in der Art, ist mein Denken in die Irre gegangen

Schließlich bin ich ehrlich zu Github gegangen, um ein Basisprojekt zu finden, und nachdem ich danach gesucht habe Nach und nach stellte ich fest, dass dies ein vernachlässigtes Problem war. Das Prinzip ist eigentlich sehr einfach: https://www.cnblogs.com/superlizhao/p/9280122.html. Ich habe dieses Problem, weil router4 TouchableOpacity bestanden hat in als Attribut der Link-Komponente

// App.js
const history = createMemoryHistory()
<Router history={ history }>
    <Switch>
        <Route path="/" component={ Home }/>
        <Route path="/test" component={ Test } />
    </Switch>
</Router>


// Home.js
<View>
    <Link to="/test">
        <TouchableOpacity key={ text } style={ styles.wrapper }>
            <Text style={ styles.text }>{ text }</Text>
        </TouchableOpacity>
    </Link>
</View>

Wenn drin ist, wird es keinen Sprung verursachen

Empfohlenes Lernen: „

Video-Tutorial reagieren

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass der Reaktionslink nicht springt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn