Bagaimana untuk menyelesaikan masalah pautan tindak balas tidak melompat

Penyelesaian untuk pautan tindak balas tidak melompat: 1. Matikan JS Dari Jauh 2. Tambahkan tambahan pada komponen laluan laluan akar 3. Lulus TouchableOpacity sebagai atribut komponen pautan.

Persekitaran pengendalian artikel ini: sistem Windows 7, react17.0.1, Dell G3.

Bagaimana untuk menyelesaikan masalah pautan tindak balas tidak melompat?

react router native:link tidak melompat apabila diklik

rnembeds native, tetapi tiada tindak balas atau lompatan apabila mengklik pada kandungan komponen TouchableOpacity

// 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>

1. Matikan JS Dari Jauh

Saya tidak tahu mengapa TouchableOpacity gagal selepas penyahpepijatan jauh dihidupkan. Selepas menutup, anda boleh melihat kesan TouchableOpacity dengan mengklik padanya, tetapi masih tidak boleh melompat

2. Tambahkan tambahan pada komponen laluan laluan akar

// App.js
<Router history={ history }>
    <Switch>
        <Route extra path="/" component={ Home }/> // 增加extra
        <Route path="/test" component={ Test } />
    </Switch>
</Router>

Kerana saya tidak biasa dengan rn pembangunan, saya pada mulanya bimbang ia disebabkan oleh penggunaan createMemoryHistory , tetapi kemudian saya bimbang halaman itu akan melompat tetapi disekat, dan lain-lain. Fikiran saya terus tersasar

Akhirnya, saya secara jujur ​​pergi ke github untuk. cari projek asas, dan selepas mencari perbezaan sedikit demi sedikit, saya dapati yang ini yang disekat Masalah diabaikan

Prinsipnya sebenarnya sangat mudah https://www.cnblogs.com. /superlizhao/p/9280122.html

Saya menghadapi masalah ini kerana router4.x menggunakan sarang berbilang peringkat Penghalaan melaporkan amaran, tetapi selepas pelarasan, ia mendedahkan masalah tidak membaca prinsip dengan teliti malu

3. Lulus TouchableOpacity sebagai atribut komponen pautan

const linkParams = {
    pathname: '/star',
    state: { data: item },
}

<Link to={ linkParams } component={ TouchableOpacity }>
    <Item text={ item.text } index={ index }/>
</Link>

Ada tidak akan menyebabkan lompatan

Disyorkan pembelajaran: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah pautan tindak balas tidak melompat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!