Question

尝试使用素材UI中的概述按钮：https://github.com/mui-org/material-ui/blob/master/docs/src/pages/demos/buttons/OutlinedButtons.js

但得到错误 - “意外使用'自我'无限制全局”

我无权在lodash.throttle / index.js文件中更改它。

有没有人知道的解决方法？（它实际上只是示例代码btw）

import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '../node_modules/@material-ui/core/styles';
import Button from '../node_modules/@material-ui/core/Button';

const styles = theme => ({
    button: {
        margin: theme.spacing.unit,
    },
    input: {
        display: 'none',
    },
});

function OutlinedButtons(props) {
    const {classes} = props;
    return (
        <div>
            <Button variant="outlined" className={classes.button}>
                Default
            </Button>
        </div>
    );
}


OutlinedButtons.propTypes = {
    classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(OutlinedButtons);

请求后。 App.js：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import   UserGroup   from './components/user_group';
import ButtonTest from './components/Button';
import OutlinedButtons from './components/floatingButton'

class App extends Component {

  render() {
    return (
        <MuiThemeProvider>
          <div className="App">
            <header className="App-header">
                { OutlinedButtons }

            </header>
          </div>
        </MuiThemeProvider>
    );
  }
}

export default App;

和index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

材质用户界面 - 概述按钮 - “意外使用'自我'无限制全局”

0 个答案: