Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应道具未定义_Javascript_Reactjs_React Router - Fatal编程技术网

Javascript 反应道具未定义

Javascript 反应道具未定义,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我正在尝试通过react-router将道具从一个组件传递到另一个组件。当我尝试从子组件获取道具时,我收到以下消息TypeError:this.props.params.appState未定义。这是我的密码: Tracks.jsx: import { observable } from 'mobx'; export default class Tracks { @observable tracks = []; } app.jsx: ....... import Tracks fr

我正在尝试通过react-router将道具从一个组件传递到另一个组件。当我尝试从子组件获取道具时,我收到以下消息
TypeError:this.props.params.appState未定义
。这是我的密码:

Tracks.jsx:

import { observable } from 'mobx';


export default class Tracks {
    @observable tracks = [];

}
app.jsx:

.......
import Tracks from './store/Tracks.jsx';

......
const appState = new Tracks();

ReactDOM.render(
    <Router history={browserHistory} >
        <Route path="/" component={Login} />
        <Route path="/dashboard" onEnter={authRequired} component={Main}>
            <Route path="album/create" component={AlbumCreate} />
            <Route path="album/:id" component={Album} appState={appState}/>
            <Route path="album/:id/upload"  component={Upload} />
        </Route>
    </Router>,
    document.getElementById('app')
);
改变这个

this.props.params.appState


Params是URL的动态段,对于需要路由的道具

您能检查一下它包含什么吗?道具?正如我所看到的,错误是
类型错误:this.props.Params.appState未定义
,因此
appState
似乎是
未定义
而不是
这个.props
本身。@MarioAlexandroSantini
对象{history:Object,location:Object,params:Object,route:Object,routeParams:Object,routes:Array[2],children:null,还有2个…}
@Kamil我只想看看这个角色是否直接出现在
这个.props中。这里有一个示例说明如何操作。如果有问题,请检查并返回。
this.props.params.appState
this.props.route.appState