Reactjs 反应本机获取导航器实例
在我的渲染方法中,我使用了一个侧栏,它需要环绕导航器组件,但也需要传递导航器,以便侧栏中的链接单击能够正常工作Reactjs 反应本机获取导航器实例,reactjs,react-native,Reactjs,React Native,在我的渲染方法中,我使用了一个侧栏,它需要环绕导航器组件,但也需要传递导航器,以便侧栏中的链接单击能够正常工作 render() { const sidebar = <SideBar navigator={this.refs.navigator} />; return ( <SideMenu menu={sidebar} isOpen={true}> <Navigator ref='navigator'
render() {
const sidebar = <SideBar navigator={this.refs.navigator} />;
return (
<SideMenu menu={sidebar} isOpen={true}>
<Navigator
ref='navigator'
renderScene={this.renderScene}
initialRoute={{id: 'search_results', title: 'Search results'}}
navigationBar={
<NavigationBar
routeMapper={this.navigationBarRouteMapper}
style={NavbarStyles.navbar}
navigator={this.refs.navigator}
/>
}
/>
</SideMenu>
);
}
render(){
常量边栏=;
返回(
);
}
如何获取常量边栏的导航器?还是有更好的方法来实现这一点?render(){
render() {
let navigator = (<Navigator
ref='navigator'
renderScene={this.renderScene}
initialRoute={{id: 'search_results', title: 'Search results'}}
navigationBar={
<NavigationBar
routeMapper={this.navigationBarRouteMapper}
style={NavbarStyles.navbar}
navigator={this.refs.navigator}
/>
}
/>);
const sidebar = <SideBar navigator={navigator} />;
return (
<SideMenu menu={sidebar} isOpen={true}>
{navigator}
</SideMenu>
);
}
让navigator=();
常量边栏=;
返回(
{navigator}
);
}
我使用NavigatorIOS,类似的东西对我很有用:this.refs.navigator.\u owner.\u instance.refs.navigator
谢谢,我实现了你的建议,并将其与评论中提到的代码Cherniv配对。但是,当我使用navigator.\u owner.\u instance.refs.navigator.state
时,我得到一个空对象。但是,当我console.log
navigator.\u owner.\u instance.refs.navigator
时,我可以看到状态
对象为什么需要侧菜单中拥有navigator的组件的状态?如果需要导航,可以使用this.props.navigator.push等