ReactJS - onChangeイベントを使用している間にマップできません

Question

私はcategory selectドロップダウンを持っています。この時点で、私は配列で仮想データを使用しています。

constructor() { 
    super(); 
    this.state = { 
     search: '', 
     categories: '', 
     products: '', 
     categories: ['Technology', 'Sport', 'Fashion', 'Clothes'], 
    } 

はその後、私はそれ

<div className="col-lg-4"> 
    <select id="categories" className="form-control"> 
     { 
     this.state.categories.map((i, index) => <option key={index} value={i} >{i}</option>) 
     } 
    </select> 
</div> 

て、それが動作します。この方法を反復するためにマッピングを使用しています。しかし、私が選択したカテゴリに応じて状態を変更したいのですが、私はselectにonChange={handleCategories}を追加するとき、私はエラーを取得する：

Uncaught TypeError: this.state.categories.map is not a function 

グーグルでは、私は人々が通常のオブジェクトとのマッピングを使用しようとしているときに問題が発生した気づい（のみ作品配列のために）しかし、私は私の問題へのリンクを見つけることができませんでした。

に動作していない：

<div className="col-lg-4"> 
    <select id="categories" onChange={handleCategories} className="form-control"> 
     { 
     this.state.categories.map((i, index) => <option key={index} >{i}</option>) 
     } 
    </select> 
</div> 

Answer 1

あなたはthis.handleCategories.bind(this)を使用してインスタンスに機能をバインドする必要があり、そうでなければ機能がないstate.categories