反応 - 定義されていないエラー？

Question

このコードは実際に私の環境で動作しますが、実際には別の質問をするためのフィドルを作成しようとしていますが、最初にこの問題を解決する必要があります...

コンソールに「お気に入り」が定義されていない？

FIDDLE

class BtnFav extends React.Component { 
    constructor(props) { 
    super(props); 
    this.state = {favorited: false}; 
    this.handleClick = this.handleClick.bind(this); 
    } 
    handleClick() { 
    this.setState({favorited: !this.state.favorited}); 
    } 
    render() { 
    var favStatus = this.state.favorited ? 'btn-fav' : 'btn-notfav'; 
    return (
     <button className={favStatus} onClick={this.handleClick}>FAVORITE</button> 
    ); 
    } 
}; 

Answer 1

私は見つけることができた唯一のエラーは「背景」のスペルミスでした。あなたの元の例では、指定した：

.btn-fav { 
    backround-color: green; 
} 

.btn-notfav { 
    backround: red; 
} 

プロパティが正しくbackgroundまたはbackground-color

この更新された例を参照してくださいとして綴られる：https://jsfiddle.net/69z2wepo/49511/