相关疑难解决方法(0)

我想显示一个title以<AppBar />某种方式从当前路线传入的内容.

在React Router v4中,如何<AppBar />才能将当前路由传递给它的title道具？

  <Router basename='/app'>
    <main>
      <Menu active={menu} close={this.closeMenu} />
      <Overlay active={menu} onClick={this.closeMenu} />
      <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' />
      <Route path='/customers' component={Customers} />
    </main>
  </Router>

有没有办法通过从自定义自定义标题prop上<Route />？

我正在尝试从Material UI实现BottomNavigation组件,当用户使用浏览器的后退和前进按钮时,我遇到了问题.

问题是,BottomNavigation组件配置为在按下导航项按钮时更改布局中的页面.但是,当浏览器用于返回上一页时,它不会更改BottomNavigation项的选定索引.

我剩下的是一个不一致的状态.

当使用浏览器按钮时,如何更改导航组件的选定索引？

以下是UI的外观: -

[

这是根组件: -

import React from 'react'
import {browserHistory, withRouter} from 'react-router';
import {PropTypes} from 'prop-types'
import {connect} from 'react-redux'
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'
import AppBar from 'material-ui/AppBar'
import Paper from 'material-ui/Paper'
import MyBottomNavigation from '../material-ui/MyBottomNavigation'

const style = {
    padding: 10,
    height: '85vh'

  }

class Root extends React.Component {
    constructor(props) {
        super(props)   

        this.state  = {
            bottomNavItemIndex : 0
        }
    }


    render() {
        return (
            <MuiThemeProvider>
                <div>
                    <AppBar title="Pluralsight Admin" 
                        iconClassNameRight="muidocs-icon-navigation-expand-more"
                        showMenuIconButton={false}
                        zDepth={1} …

我正在从 Material UI v0.20 迁移到 v1.2.3+，但我找不到将链接放入 MenuItem 中的方法。

在这篇文章中，提出了一个解决方案，如下所示：

      <MenuItem className={classes.menuItem}
        component={<Link to="/edit" />}
        disabled={!props.canEdit}
        onClick={() => props.handleCardAction('EDIT')}
      >

但我不太明白。

如何在 MenuItem 中使用 Link 组件？

编辑：

将作品MenuItem包裹在里面Link，但看起来很丑：参考

<Link to="/edit">
        <MenuItem className={classes.menuItem}
          disabled={!props.canEdit}
          onClick={() => props.handleCardAction('EDIT')}
        >
          <ListItemIcon className={classes.icon}>
            <EditIcon />
          </ListItemIcon>
          <ListItemText classes={{ primary: classes.primary }} inset primary="Edit" />
        </MenuItem>
      </Link>