反应道具未定义
我试图通过反应路由器将道具从一个组件传递到另一个组件。当我试图从子组件获取道具时，我得到了这样一条消息TypeError：this.props.params.appState is un定义。这是我的代码：
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')
);
Album.jsx：
.....
@observer
export default class Album extends React.Component {
constructor(props) {
super(props);
}
componentDidMount () {
console.log(this.props.params.appState.tracks);
}
.....
共有1个答案
-
在本页React Native State on React Native docs中，我们有以下语句： 道具由父级设置，并且在组件的整个生存期内都是固定的。 但是，在本页React文档上的React State and Lifecycle中，我们有以下声明： 因为this.props和this.state可能是异步更新的，所以不应该依赖它们的值来计算下一个状态。 我的误解在哪里？对我来说，当组件
-
我对这个问题很疯狂... 首先，我对React还是新手，其次，在发布之前，我尝试过：在React router v4中将自定义道具传递给路由器组件，React子组件不接收道具 但是运气不好... 我试图实现的是简单地将路由添加到现有的React项目中。 例如，顶级（父级）类如下所示： 注意：错误位于属性“getProfiles”在类型“Readonly”上不存在 儿童班： } 所以我不知道如何传递
-
这是父组件： 这是子组件： prop不会打印为子组件中的内容。 可能是什么问题？，已经在这个问题上很久了
-
悬而未决...
-
当设置组件的初始状态时，使用通过道具传入的数据，我是否应该创建一个新的对象，执行类似于... 或者这样做是安全的...
-
在代码示例中，在 当react遇到路由组件（react路由器的一部分）的渲染道具时，它会传递什么道具？ 鉴于https://reactjs.org/docs/render-props.html ，render prop是一个函数prop，组件使用它来知道要渲染什么，是传递给props的值，该props埋在react router中的Route声明中