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

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.

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!