小编Max*_*yuk的帖子

用React编写的Chrome扩展程序中的路由

我的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)

我也试图包装ClickableListItemLink组件(从react-router)但它什么也没做.

也许事情是Chrome扩展程序没有他们的browserHistory...但我没有看到控制台中的任何错误...

使用React进行路由可以做些什么?

javascript url-routing google-chrome-extension reactjs react-router

5
推荐指数
3
解决办法
3243
查看次数

React Native中的StatusBar颜色

如何StatusBarreact-native不编辑Android特定文件的情况下更改组件的背景颜色?

Docs ,我可以使用backgroundColor财产.但它失败了.barStyle属性,setBarStyle&& setBackgroundColor静态方法也不能正常工作.

只有hidden财产有效.

我正在使用create-react-native-app,用Expo建造.

android statusbar react-native expo create-react-native-app

5
推荐指数
2
解决办法
8494
查看次数