Reactjs React Native-从PassProps Navigator检索值
如何从新路线上的passProps获取参数?从“家”到“单身”。已确认已解析这些值,但不确定如何在single.js上检索它们Reactjs React Native-从PassProps Navigator检索值,reactjs,react-native,Reactjs,React Native,如何从新路线上的passProps获取参数?从“家”到“单身”。已确认已解析这些值,但不确定如何在single.js上检索它们 //index.ios.js class AwesomeNativeBase2 extends Component { renderScene(route, navigator) { if(route.name == 'single') { return <Single navigator={navigator} /> }
//index.ios.js
class AwesomeNativeBase2 extends Component {
renderScene(route, navigator) {
if(route.name == 'single') {
return <Single navigator={navigator} />
}
if(route.name == 'home') {
return <Home navigator={navigator} {...route.passProps} />
}
if(route.name == 'update') {
return <Update navigator={navigator} {...route.passProps} />
}
}
render() {
return (
<View style={styles.container}>
<Navigator
initialRoute={{name: 'home'}}
renderScene={this.renderScene.bind(this)}
/>
</View>
);
}
}
//home.js
class Home extends Component {
navigate(routeName, property) {
this.props.navigator.push({
name: routeName,
passProps: {
id: property
}
});
}
//single.js
class Single extends Component {
render() {
console.log(this.props.navigator.pop());
//index.ios.js
类AwesomeNativeBase2扩展组件{
renderScene(路线、导航器){
如果(route.name=='single'){
返回
}
如果(route.name==“home”){
返回
}
如果(route.name=='update'){
返回
}
}
render(){
返回(
);
}
}
//home.js
类Home扩展组件{
导航(routeName,属性){
这个是.props.navigator.push({
名称:routeName,
通行证:{
id:物业
}
});
}
//single.js
类单个扩展组件{
render(){
log(this.props.navigator.pop());
正如对其他路线所做的那样,按如下方式添加它
renderScene(route, navigator) {
if(route.name == 'single') {
return <Single navigator={navigator} {...route.passProps}/>
}
....
}
renderScene(路线、导航器){
如果(route.name=='single'){
返回
}
....
}
在Single
组件内部,访问passProps
的属性作为this.props.id