Javascript 反应道具未定义
我正在尝试通过react-router将道具从一个组件传递到另一个组件。当我尝试从子组件获取道具时,我收到以下消息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
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