<p>다음과 같이 하위 구성 요소에서 상위 구성 요소로 데이터를 보내려고 합니다. </p> <pre class="brush:php;toolbar:false;">const ParentComponent = React.createClass({ getInitialState() { 반품 { 언어: '', }; }, handlerLanguageCode: 함수(langValue) { this.setState({언어: langValue}); }, 렌더링() { 반품 ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); });</pre> <p>하위 구성요소는 다음과 같습니다. </p> <pre class="brush:php;toolbar:false;">export const SelectLanguage = React.createClass({ getInitialState: 함수(){ 반품{ 선택된 코드: '', 선택된언어: '', }; }, handlerLangChange: 함수(e) { var lang = this.state.selectedLanguage; var 코드 = this.state.selectedCode; this.props.onSelectLanguage({selectedLanguage: lang}); this.props.onSelectLanguage({selectedCode: 코드}); }, 렌더링() { var json = require("json!../언어.json"); var jsonArray = json.언어; 반품 ( <div> <드롭다운리스트 참조='드롭다운' 데이터={jsonArray} 값={this.state.selectedLanguage} 대소문자 구분={false} 최소 길이={3} 필터='포함' onChange={this.handleLangChange} /> </div> ); } });</pre> <p>나에게 필요한 것은 상위 구성 요소에서 사용자가 선택한 값을 얻는 것입니다. 다음 오류가 발생합니다: </p> <pre class="brush:php;toolbar:false;">잡히지 않은 유형 오류: this.props.onSelectLanguage는 함수가 아닙니다</pre> <p>문제를 파악하는 데 도움을 줄 수 있는 사람이 있나요? </p> <p>P.S. 하위 구성 요소가 json 파일에서 드롭다운을 생성하고 있습니다. json 배열의 두 요소를 나란히 표시하려면 드롭다운이 필요합니다(예: "aaa,english"가 선호됩니다!)</p> <pre class="brush:php;toolbar:false;">{ "언어":[ [ "아아아", "영어" ], [ "아브", "스웨덴어" ], }</pre> <p><br /></p>