html - 未知的 Prop 警告 react js`iconClassNameRight`

嗨，我想知道为什么它在控制台上引发警告

Warning: Unknown prop `iconCLassNameRight` on <div> tag. Remove this prop from the element. For details, see link fb me
    in div (created by Paper)
    in Paper (created by AppBar)
    in AppBar (created by App)
    in div (created by App)
    in MuiThemeProvider (created by App)
    in App

我正在处理的代码是在meteorjs和material ui上

import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import RaisedButton from 'material-ui/RaisedButton';
import AppBar from 'material-ui/AppBar';

import Player from './Player.jsx';
import TeamList from './Team-list.jsx';
import TeamStats from './Team-stats.jsx';

export default class App extends Component {
  render(){
    return (
      <MuiThemeProvider>
        <div className="container">
          <AppBar
            title="Soccer Application" iconCLassNameRight="muidocs-icon-navigation-expand-more" showMenuIconButton={false} />
            <div className="row">
              <div className="col s12 m7"> <Player /> </div>
              <div className="col s12 m5"> <TeamStats /> </div>
              <div className="col s12 m5"> <TeamList /> </div>
            </div>
          </div>

        </MuiThemeProvider>
      )
    }
  }

我想知道为什么这会引发错误。感兴趣的行在appbar组件的iconClassNameRight属性中。任何帮助将不胜感激。谢谢。

最佳答案

React中的道具区分大小写。

尝试将iconCLassNameRight（大写L）替换为iconClassNameRight（小写L）