ReactJSのドロップダウンメニューの値を更新

Question

html形式では、この選択メニューがあります。これは、ユーザーが後で編集して値を変更できるプロファイルのようなものです。ここでは、フォームをレンダリングしているFirstComponentコードは次のとおりです。

export const FirstComponent = React.createClass({ 
    handleLanguageCode: function(langValue) { 
     this.setState({ 
      language: langValue 
     }); 
    }, 

    renderField() { 
    return (
      <div> 
       <SelectLanguage onSelectLanguage={this.handleLanguageCode} defValue={getValue()} /> 
      </div> 
      );   
    } 
)} 

ユーザーがフォームを編集したい場合は、getValue()はSelectLanguageコンポーネントに現在の値を送信します。

問題は、ユーザーがドロップダウンメニューから新しい値を選択したときに更新されないということです。以前の値は引き続き表示されます。私はそれを処理する関数handleLangChangeを書く方法を知らない。私はいくつかの方法を試しましたが、結果を得ることができませんでした：/それを修正するために誰も助けることができますか？

Answer 1

this.props.onSelectLanguage（val.id）;を使用する必要があります。あなたはとても、同様に結合行う必要があり

：

onSelectLanguage={this.handleLanguageCode.bind(this)} 

onChange={this.handleLangChange.bind(this)} 

は参考：https://facebook.github.io/react/tips/communicate-between-components.html