1

我正在将材料 ui 用于反应应用程序。我也在使用材料表。我的导航栏只使用材质 ui 提供的默认样式。这一直运作良好。但是，当我将材料表添加到页面时，导航栏从蓝色变为白色！我不确定如何解决这个问题。代码如下：

class ProfilePage extends React.Component {

  render() {

    const rows = [
      { title: "Time", field: "time" },
      { title: "Type", field: "type" },
      { title: "Feature", field: "feature" },
      { title: "Weight", field: "weight" }
    ];

    const {Profile, error, match } = this.props;
    const features = Profile;
    const userId = `ID: ${match.params.userId}`;

    if (error || Object.entries(tasteProfile).length === 0) {
      toastr.error(error);
      featureTable = <h2>Couldn't find profiles for that id</h2>;
    }

    return (
      <div>
        <NavBar />
        <Typography id="userId" variant="h6" color="inherit">
          {userId}
        </Typography>
        <Paper> 
        <div>
      <MaterialTable
        title="Profiles"
        columns={rows}
        data={features["features"]}
        >
        </MaterialTable>
    </div>
        </Paper>
      </div>
    );
  }
}

感谢您的帮助！

4

2 回答 2

1

尝试使用文件中显示的 material-table 使用的相同版本的 material-ui/core 和 material-ui/icons package-lock.json。通过将这些降级到相同版本，我能够修复我的 AppBar CSS 样式问题。

npm uninstall @material-ui/core
npm uninstall @material-ui/icons

npm install @material-ui/core@4.0.1
npm install @material-ui/icons@4.0.1
于 2019-07-25T16:35:31.260 回答
0

您是否尝试过在Material table样式表之前包含样式表Material UI kit？

于 2019-07-12T15:17:09.667 回答