2017-11-18 1 views
2

私は何週間もプロジェクトでReactを試してきました。そして、私はちょうどclassがJSの予約キーワードであるので、classが通常のDOMとSVGでclassの代わりにclassNameを使うべきであることを思い出しました。React DOMはclassNameを使用する必要がありますか?なぜ私は警告を見ないのですか?

ただし、私のすべてのコンポーネントはこれまでのところclassを使用しています。例:

export default class Header extends React.Component { 
    render() { 
     return (
      <div class="Header"> 
       <img class="Logo" src="./interface/images/ea-white.png"/> 
       <h1 class="Title">{this.props.title}</h1> 
      </div> 
     ); 
    } 
} 

なぜ私に構文エラーがありますか? React DOMはclassNameを使用する必要がありますか?私がそれをこのように保つとどうなるでしょうか?

編集:はい、このCSSファイルはすべて正常に機能しました。私のコンソールには警告はありません(これは変です)。

+0

はい、あなたは 'className'を使用する必要があります。あなたのCSSはあなたのスタイリングに 'class'を拾いますか? – Andrew

+0

@Andrewはい、すべてが完璧に機能します。私は友人がそれを指摘したので気づいただけです... – Jiayang

+0

[クラス16の反復クラス]の可能な複製(https://stackoverflow.com/questions/46989454/class-vs-classname-in-react-16) –

答えて

2

が、リアクトあなたのコンソールに警告がスローされます。私はclassNameを使用することをお勧めします。あなたがクラスを使い続けるなら、Reactがこれをサポートしなくなる時があるかもしれません。

2

要素にclassなどの不明なプロパティを使用すると、Reactによって警告がスローされます。

また、ソース行数をポイントすることは、現在動作します。このPRのおかげhttps://github.com/facebook/react/pull/6398

+0

警告はどこに表示されますか?コンソールには何もありません。私はwebpackを使ってコンパイルしています。そこにも警告はありません。 – Jiayang

関連する問題