我的Chrome扩展程序中有2个页面.例如:第一个(默认)页面包含用户列表,第二个页面包含此用户的操作.
我想通过点击用户显示第二页(ClickableListItem在我的情况下).我使用React和React Router.这是我所拥有的组件:
class Resents extends React.Component {
constructor(props) {
super(props);
this.handleOnClick = this.handleOnClick.bind(this);
}
handleOnClick() {
console.log('navigate to next page');
const path = '/description-view';
browserHistory.push(path);
}
render() {
const ClickableListItem = clickableEnhance(ListItem);
return (
<div>
<List>
<ClickableListItem
primaryText="Donald Trump"
leftAvatar={<Avatar src="img/some-guy.jpg" />}
rightIcon={<ImageNavigateNext />}
onClick={this.handleOnClick}
/>
// some code missed for simplicity
</List>
</div>
);
}
}
Run Code Online (Sandbox Code Playgroud)
我也试图包装ClickableListItem成Link组件(从react-router)但它什么也没做.
也许事情是Chrome扩展程序没有他们的browserHistory...但我没有看到控制台中的任何错误...
使用React进行路由可以做些什么?
javascript url-routing google-chrome-extension reactjs react-router
如何StatusBar在react-native不编辑Android特定文件的情况下更改组件的背景颜色?
Docs 说,我可以使用backgroundColor财产.但它失败了.barStyle属性,setBarStyle&& setBackgroundColor静态方法也不能正常工作.
只有hidden财产有效.
我正在使用create-react-native-app,用Expo建造.
android ×1
expo ×1
javascript ×1
react-native ×1
react-router ×1
reactjs ×1
statusbar ×1
url-routing ×1