小编Gle*_*dua的帖子

我根据材料UI网站上给出的示例创建了一个带有菜单的AppBar，它可以与一个菜单一起正常工作。但是，当我尝试添加第二个下拉菜单时，在单击任一图标时，都会显示相同的MenuItems集，如图所示。

这是单击任一图标时显示的菜单项列表

import React, { Component } from 'react';

// Material UI Imports
import { withStyles } from 'material-ui/styles';
import AppBar from 'material-ui/AppBar';
import Toolbar from 'material-ui/Toolbar';
import Typography from 'material-ui/Typography';
import Button from 'material-ui/Button';
import IconButton from 'material-ui/IconButton';
import Tooltip from 'material-ui/Tooltip';
import Menu, { MenuItem } from 'material-ui/Menu';

import PeopleIcon from 'material-ui-icons/People';
import ViewListIcon from 'material-ui-icons/ViewList';
import CompareArrowsIcon from 'material-ui-icons/CompareArrows';

const styles = {
  root: {
    width: '100%',
  },
  flex: {
    flex: 1,
  },
  menuItem: { …

我有一个样式组件,可以设置视频标签的样式.

const Video = styled.video`
  ...
`

而且我这样使用它

<Video width='200px' height='200px' autoplay='autoplay' muted loop>
  <source src={img.src} type='video/mp4' />
</Video>

但是autoplay当我使用Devtools检查元素时,该属性不起作用并且也不会显示.宽度,高度和循环等其他属性是可见的.

但是,当我使用普通的视频标签时,自动播放工作,当我检查元素时可以看到它.

<video width='200px' height='200px' autoplay='autoplay' muted loop>
  <source src={img.src} type='video/mp4' />
</video>

知道为什么样式组件无法识别自动播放属性？