问

javascript - mui的Icon Menu只有图标点不开

渴死的鱼2502872325 发布于 2022-11-12 23:36

import

代码如下

import React from 'react'
import ReactDOM from 'react-dom'
import { PropTypes } from 'react'
import injectTapEventPlugin from 'react-tap-event-plugin';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import {cyan500} from 'material-ui/styles/colors';
import RaisedButton from 'material-ui/RaisedButton';
import AppBar from 'material-ui/AppBar';
import Checkbox from 'material-ui/Checkbox';

import IconButton from 'material-ui/IconButton';
import NavigationClose from 'material-ui/svg-icons/navigation/close';
import FlatButton from 'material-ui/FlatButton';

import IconMenu from 'material-ui/IconMenu/IconMenu';
import MenuItem from 'material-ui/MenuItem';
import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert';

injectTapEventPlugin();

const muiTheme = getMuiTheme({
  palette: {
    textColor: cyan500,
  },
  appBar: {
    height: 50,
  },
});

class App extends React.Component {
    render(){
        return(
            < IconMenuExampleSimple />
        )
    }
}

const IconMenuExampleSimple = () => (
  
    }
      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
      targetOrigin={{horizontal: 'left', vertical: 'top'}}
    >
      
      
      
      
      
    
    }
      anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
      targetOrigin={{horizontal: 'left', vertical: 'bottom'}}
    >
      
      
      
      
      
    
    }
      anchorOrigin={{horizontal: 'right', vertical: 'bottom'}}
      targetOrigin={{horizontal: 'right', vertical: 'bottom'}}
    >
      
      
      
      
      
    
    }
      anchorOrigin={{horizontal: 'right', vertical: 'top'}}
      targetOrigin={{horizontal: 'right', vertical: 'top'}}
    >
      
      
      
      
      
    
  
);

class Main extends React.Component {
  render() {
    return (
      
          
      
    );
  }
}

ReactDOM.render(
  ,
  document.getElementById('root')
);

只显示有4个图标，但是里面的MenuItem显示不出来，有个错误：
TapEventPlugin.js?6624:64 Uncaught TypeError: Cannot use 'in' operator to search for 'pageX' in

1 个回答

你要注意你使用的 react-tap-event-plugin 的版本和使用的 material-ui 的版本是否契合。

Note that if you are using React 0.14 or lower, you need to use an older version $ npm i --save react-tap-event-plugin@0.2.2

可以使用 react 的最新版本加上 react-tap-event-plugin 的最新版本，至少可以杜绝这个问题。

2022-11-12 23:37 回答

yuanguo374

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签