प्रतिक्रिया रूटर: मार्ग बच्चे घटक के रूप में परिभाषित नहीं कर रहा है

वोट
0

मुख्य घटक में मैं स्विच का उपयोग करें

function Router(props) {

    return (<main>
        <Switch>
            <Route exact path='/prices/'
                   render={(props) => <PricesPage {...props} />}
            />
            <Route path=/prices/add/
                   render={(props) => <PriceGroupAddFormConnected {...props}/>}
            />
        </Switch>
    </main>) 
}

और PricesPage बच्चों में से एक में मैं एक संवाद प्रस्तुत करना मार्ग को परिभाषित

PricesPage:

function PricesPage(props) {

    return (<Child/>) 
}

बाल:

function Child(props) {

    return (
            <><Route exact path=/prices/dialog component={Dialog}/>
            <Child1/></>)
        )

}

और child1 में मैं एक लिंक परिभाषित करते हैं।

Child1:

function Child1(props) {

    return (
            <Link to=/prices/dialog/>)
        )

}

अपेक्षित: जब लिंक बदल -> संवाद खोला है

वर्तमान: लिंक बदल गया है, लेकिन संवाद is'not उद्घाटन। लेकिन तब मैं मुख्य घटक में मार्ग को परिभाषित, यह काम करता है, फिर भी मैं संवाद के तहत अन्य बच्चों के घटकों रखने की जरूरत है, तो यह पर्याप्त नहीं है

09/10/2019 को 12:57
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
0

जब आप हिट /prices/, अपने मार्ग /prices/dialogहै क्योंकि यह का एक बच्चा घटक में है बनाई गई है <PricesPage>। लेकिन, जब तुम पर जाने के /prices/dialogअपने मार्ग /prices/dialogउतारना वजह से है /prices/dialogबिल्कुल मेल नहीं खाते /prices/न की तुलना में /prices/add/

आप 2 विकल्प हैं:

  1. निकालें exactपर कुंजी <Route path='/prices/' render={(props) => <PricesPage {...props} />}। तो जब आप हिट /prices/dialog, तो आप दोनों होगा /prices/घटक और /prices/dialogघटक गाया (के लिए एक ही /prices/add/)
  2. अपने मार्ग जोड़ें /prices/dialogतरफ अपने अन्य मार्गों अपने रूटर में /prices/और/prices/add/

यदि आप अलग से प्रस्तुत करना और 1 एक यदि आप कई हो सकता है एक ही समय में प्रस्तुत करना की जरूरत है मैं 2 एक सलाह देते हैं।

10/10/2019 को 11:14
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more