React 组件提示警告,如何修复?

  1. 浏览器提示:

clipboard.png

  1. 组件代码:
import React from 'react';
import PropTypes from 'prop-types';

import { Grid, Toolbar } from '@material-ui/core';

function ActionToolBar(props) {
  const { spacing, children } = props;

  return (
    <Toolbar>
      <Grid container spacing={spacing}>
        {children}
      </Grid>
    </Toolbar>
  );
}

ActionToolBar.propTypes = {
  spacing: PropTypes.number,
};

ActionToolBar.defaultProps = {
  spacing: 8,
};

export default ActionToolBar;

实在是不明白哪里有不当的写法,,,请教。

阅读 2.9k
2 个回答

你查下这两个文件?

图片描述

看错误信息:

有多个模块使用相同的名字,仅仅大小写不一样。

可以检查一下,是否引用时,大小写有问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题