Пользовательский интерфейс материала для React "Не удается прочитать свойство'ween '.." при попытке использовать theme.breakpoints - PullRequest
Новая
       17

Пользовательский интерфейс материала для React "Не удается прочитать свойство'ween '.." при попытке использовать theme.breakpoints

0 голосов
/ 23 марта 2019

Невозможно прочитать свойство'ween '/' up '.. при попытке использовать theme.breakpoints.between.

Я прочитал ответы на другие вопросы об стеке и некоторых проблемах здесь: https://github.com/mui-org/material-ui/issues, и кажется, что единственным решением является использование ThemeProvider или MuiThemeProvider, которое я пробовал, но ошибка все еще существует ,

Файл компонента: 

import React, { Component } from "react";
import PropTypes from "prop-types";
import { withStyles } from "@material-ui/styles";
import Grid from "@material-ui/core/Grid";

import Logo from "../assets/logo/logo";

const styles = theme => ({
  root: {
    flexGrow: 1
  },
  logo: {
    [theme.breakpoints.up("md")]: {
      padding: "5em"
    }
  }
});

class Tools extends Component {
  render() {
    const { classes } = this.props;
    return (
      <div className={classes.root}>
        <Grid container className={classes.logo}>
          <Grid item className={classes.logo}>
            <Logo name="some-logo" />
          </Grid>
        </Grid>
      </div>
    );
  }
}

Tools.propTypes = {
  classes: PropTypes.object.isRequired
};

export default withStyles(styles)(Tools);

App.js 

import React, { Component } from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import MuiThemeProvider from "@material-ui/core/styles/MuiThemeProvider";

class App extends Component {
  render() {
    return (
      <MuiThemeProvider>
        <Router>
          <div className="App">
             <Switch>
               <Route exact path="/" render={() => <Home />} />
             </Switch>
          </div>
        </Router>
      </MuiThemeProvider>
    );
  }
}

export default App;
...