2017-11-30 6 views
0

<からデータを入力しようとしています。Material UI v 1.0.0.0ベータ版から>を選択しても機能しません。Material UI v1からSelectコンポーネントのデータを取り込むベータ

これは私のコードの一部です:

これは、render()メソッドの内部にあります。

 <Select 
      value={this.state.DivisionState} 
      onChange={this.handleChangeDivision} 
     > 
      {this.renderDivisionOptions()} 
     </Select> 

そしてここで私は、これは、ドロップダウン・タグとのMenuItem EJを使用して素材UIの最新バージョンで働いていたWS

renderDivisionOptions() { 
    return this.state.DivisionData.map((dt, i) => { 
     return (
     <MenuItem 
      key={i} 
      value={dt.divDeptShrtDesc}> 
     </MenuItem> 
    ); 
    }); 
    } 

から来るデ値を移入したMenuItemタグを使用します。 "<ドロップダウン> < MenuItem> ....."

いくつかの助けがよかったです。

よろしく

私が選択したコンポーネントと対話しようとしたとき、私は

enter image description here

+0

エラーメッセージを送信できますか? – hien

+0

エラーは何ですか? –

+0

'this.state.DivisionData'はどのように設定されていますか? –

答えて

1

..取得し、エラーてる私はあなたがアイテムの表示値dt.divDeptShrtDescを追加する必要があると思う:

renderDivisionOptions() { 
     return this.state.DivisionData.map((dt, i) => { 
      return (
      <MenuItem 
       key={i} 
       value={dt.divDeptShrtDesc}> 
       {dt.divDeptShrtDesc} 
      </MenuItem> 
     ); 
     }); 
     } 

Seclectの小デモmaterial-ui(v1.0.0):https://codesandbox.io/s/5voz6y7kwl あなたには便利だと思います

+0

時間をいただきありがとうございます。選択されたコンポーネントのWSから最初のオプションが表示されますが、検証するオプションを変更しようとすると、上記のエラーが表示されます – kennechu

+0

すべてのコードを表示できますか?あなたのエラーは、https://github.com/mui-org/material-ui/issues/8190と同様です。 'material-ui'を最新バージョンにアップグレードできますか? – hien

関連する問題