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

╰半橙微兮° 2022-07-20 17:30 124阅读 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 条评论，124人围观）

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

相关阅读

相关 GVM升级后启动异常处理

目录 1. Kali升级 2. 升级完成后，启动GVM（OpenVas）发现打不开： 3. 按照要求检测原因： 4. 查看PID文件 5. 重新检测安装 6. 执

梦里梦外;/ 2022年09月03日 05:13/ 0 赞/ 1121 阅读

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

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

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

相关关于RegQueryValueEx两个小问题

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

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

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

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

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

相关 Spark任务两个小问题笔记

今天在用spark处理数据的时候，遇到两个小问题，特此笔记一下。两个问题都与网络交互有关，大致处理场景是，在driver端会提前获取组装一批数据，然后把这些数据发送exec

小咪咪/ 2022年06月03日 10:53/ 0 赞/ 141 阅读

相关 tomcat升级后的问题.IllegalArgumentException

org.apache.coyote.http11.AbstractHttp11Processor process 信息: Error parsing HTTP request

╰+攻爆jí腚メ/ 2022年05月26日 03:39/ 0 赞/ 116 阅读

相关 Spark任务两个小问题笔记

今天在用spark处理数据的时候，遇到两个小问题，特此笔记一下。两个问题都与网络交互有关，大致处理场景是，在driver端会提前获取组装一批数据，然后把这些数据发送

逃离我推掉我的手/ 2022年04月06日 11:59/ 0 赞/ 189 阅读

相关微信小程序 Websocket 的两个问题

请求官方给出的示例代码： wx.connectSocket({ url: 'wss://example.qq.com', data:

梦里梦外;/ 2022年04月03日 12:29/ 0 赞/ 218 阅读

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

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

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

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

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

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