React升级后带来的两个小问题及处理

╰半橙微兮° 2022-07-20 17:30 186阅读 0赞

### 一 ：MuiThemeProvider ###

升级到react@15.2.1 后，使用material-ui，按照往常操作，出现了报错：

> Failed Context Types: Required context muiTheme was not specified in  
> NavBar
> 
> Uncaught TypeError: Cannot read property ‘prepareStyles’ of undefined

查资料，发现[material-ui的usage页面][material-ui_usage]写着

> Beginning with v0.15.0, Material-UI components require a theme to be  
> provided. The quickest way to get up and running is by using the  
> MuiThemeProvider to inject the theme into your application context.

就是至少需要加一个`<MuiThemeProvider>`来“包住”组件。

后来代码如下，可以运行：

import React, { Component } from 'react';
    import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; //就是它
    import {Tabs, Tab} from 'material-ui/Tabs';
    
    ... ... 
    
    const NavBar = () => (
          <div className="app-header">
          <MuiThemeProvider> // 就是它
            <Tabs  tabItemContainerStyle={
       { backgroundColor: 'transparent' }} style={styles.tabs}  inkBarStyle={styles.inkBar}>
              <Tab style={styles.tab} label="Home" />
              <Tab style={styles.tab} label="Account" />
              <Tab style={styles.tab} label="About" />
            </Tabs>
            </MuiThemeProvider> //还有它
          </div>
          );
    
    export default NavBar;

### 二：Tabs下划线不动了 ###

react@v15.2.1 下， 出现了tab切换，下划线不动的问题。  
查阅npm提示信息，尝试将react版本换为v15.0.0  
问题解决。

[material-ui_usage]: http://www.material-ui.com/#/get-started/usage

发表评论取消回复

表情：

评论列表（有 0 条评论，186人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java语言版本升级带来的问题：案例分析及适应策略

Java语言的版本升级可能会带来以下几个主要的问题： 1. **兼容性问题**：旧版本的API和库可能在新版本中不再支持，或者新版本对老代码的执行方式有所改变。 2. **

妖狐艹你老母/ 2024年11月26日 15:30/ 0 赞/ 67 阅读

相关 Java反射机制带来的常见问题及处理策略

Java反射机制是一种强大的工具，它允许我们在运行时获取和修改类、对象的属性。然而，反射机制也可能带来一些常见的问题，以下是一些问题以及处理策略： 1. 性能问题：反射通常比

曾经终败给现在/ 2024年10月07日 11:06/ 0 赞/ 62 阅读

相关 JDK版本升级带来的Java问题示例

JDK版本升级可能会引发一系列Java编程的问题。以下是一些具体示例： 1. **API变化**：新的JDK版本通常会引入一些新的API或者改变了一些老的API，如果程序直接

布满荆棘的人生/ 2024年09月30日 05:03/ 0 赞/ 99 阅读

相关小文件带来的问题及解决方案

小文件带来的问题： [为啥集群小文件治理那么重要，你真的懂吗？\_涤生大数据的博客-CSDN博客][-CSDN] 1：对 NameNode 的影响 -> 元数据管理 2：

冷不防/ 2023年09月30日 12:10/ 0 赞/ 30 阅读

相关 CDH 升级pyspark带来的问题

文章目录一.问题描述二.解决方案 2.1 删除spark 2.2 重启整个集群 2.3 重新添加spark服务

迈不过友情╰/ 2022年10月06日 05:45/ 0 赞/ 63 阅读

相关 React升级后带来的两个小问题及处理

一：MuiThemeProvider 升级到react@15.2.1 后，使用material-ui，按照往常操作，出现了报错： > Failed Context T

╰半橙微兮°/ 2022年07月20日 17:30/ 0 赞/ 187 阅读

相关关于RegQueryValueEx两个小问题

http://blog.csdn.net/yiyefangzhou24/article/details/6456793 RegQueryValueEx这个函数MSD

Myth丶恋晨/ 2022年06月16日 10:28/ 0 赞/ 225 阅读

相关多两个“0”带来的思考

在做学生管理系统中，由于并不太理解函数的意思，前几天就在程序的后面多写了两个0 Private Sub MDIForm_Load() '从注册表中取得上次关闭M

偏执的太偏执、/ 2022年06月09日 14:13/ 0 赞/ 187 阅读

相关数据处理两个基本问题

![1505401-20190518091733557-726784199.png][]![1505401-20190518091815050-862598856.png][]

爱被打了一巴掌/ 2021年12月14日 10:23/ 0 赞/ 242 阅读

相关数据处理的两个基本问题

用于内存寻址的寄存器 8086CPU有14个寄存器：（1）通用寄存器： AX (Accumulator)：累加寄存器 BX (Base)：基地址寄存器 CX (Coun...

你的名字/ 2021年05月03日 16:17/ 0 赞/ 460 阅读