Как исправить неизвестное оповещение о предупреждении при использовании с реакцией, материал ui?

Question

warning.js: 36Предусмотрено: Неизвестно оповещение zDepth на бирке. Снимите эту опору с элемента.

Я пытаюсь сделать a. Но он показывает указанную выше ошибку. Может ли кто-нибудь помочь?

import React, { Component } from 'react'; 
import Divider from 'material-ui/Divider'; 
import paper from 'material-ui/Paper'; 
import getMuiTheme from 'material-ui/styles/getMuiTheme'; 
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; 
import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme'; 

export default class EmploymentContent extends Component { 
    getChildContext() { 
    return { muiTheme: getMuiTheme(baseTheme) }; 
    } 

    render() { 
    return ( 
     <paper zDepth={4}> <ul className="scroll"> </paper> 
    ... 

Answer 1

Вы видите это предупреждение, потому что вы используете Paper компонент с строчной и React обрабатывает эти прописные теги, как встроенные компоненты.

Все, что вам нужно сделать, это импортировать и использовать его как Paper, начиная с прописной буквы.

Когда тип элемента начинается со строчной буквы, это относится к встроенного компонента, например, или и результаты в строке «DIV» или «пролет» передается React.createElement. Типы, которые начинаются с прописной буквы , такой как компиляция в React.createElement (Foo) и , соответствуют компоненту, определенному или импортированному в ваш файл JavaScript.

Мы рекомендуем назвать компоненты с большой буквы. Если у вас есть компонент , который начинается с буквы в нижнем регистре, назначьте его переменной , прежде чем использовать ее в JSX.

Вы можете увидеть его здесь https://facebook.github.io/react/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized

Существует также проблема с открытым https://github.com/facebook/react/issues/7848, чтобы добавить его на странице unknown-props предупреждения.