Dva: لا يوجد اتصال للمكون الأبعد الأبعد ، التوصيل والمكونات الفرعية ، ولا يوجد نموذج أو تفريغ في الطفل

مشهدي مثل هذا

لقد صممت router.jsx مثل هذا

            <Router history={ history }>

                <Route path="/" getComponents={App}>
                    <IndexRedirect to="projects" />
                    <Route path="projects" getComponents={Projects}></Route>
                    <Route path="dashboard" getComponents={Dashboard}></Route>
                </Route>
                <Route path="*">
                </Route>
            </Router>

تم تصميم App.jsx مع المسار الخارجي = "/" على هذا النحو

import React, {PropTypes, Component} from 'react';
import {connect} from 'dva';
import {Link} from 'dva/router';
import Header from 'components/Common/ProjectManagementNav/ProjectManagementNav'

const App = (props) => {
    console.log("props",props);
    return  (
        <div>
            <Header />
            {props.children}
        </div>
    )
}

function mapStateToProps({ management }) {
    return { management };
}

export default connect(mapStateToProps)(App);

يمكن ملاحظة أن تطبيق المكون الرئيسي الخاص بي قد تم توصيله

وأدناه مشاريع المكون الفرعي (المسار = "المشاريع") لا أقوم بالاتصال

import React from 'react';
import {connect} from 'dva';
import ProjectsContent from 'components/projects/projectsContent';
const Projects = (props) => {
    console.log(props);
    return (
        <ProjectsContent/>
    );

};

export default Projects;

• يؤدي هذا إلى عدم حصول المكونات الفرعية على الاستبعاد
• هل هناك أي طريقة للمكون الفرعي للحصول على قطع الاتصال مباشرة من المكون الرئيسي المتصل دون الاتصال؟
• لأنني أعتقد أنه بعد تقديم المكون الرئيسي ، سيتبع المكون الفرعي أيضًا العرض. طالما أن المكون الفرعي يمكنه الحصول على dispath ، فيمكنه تغيير الحالة عن طريق dispath لتشغيل عرض المكون الرئيسي.
• خلاف ذلك ، هل يجب علي الاتصال بالملفات الموجودة أسفل كل مسار؟