/Javascript/React/Past value from parent in reactjs

Past value from parent in reactjs

var json = require("json!../languages.json");
var jsonArray = json.languages;

export class SelectLanguage extends React.Component {
    state = {
            selectedCode: '',
            selectedLanguage: jsonArray[0],
        }

    handleLangChange = () => {
        var lang = this.dropdown.value;
        this.props.onSelectLanguage(lang);            
    }

    render() {
        return (
            <div>
                <DropdownList ref={(ref) => this.dropdown = ref}
                    data={jsonArray} 
                    valueField='lang' textField='lang'
                    caseSensitive={false} 
                    minLength={3}
                    filter='contains'
                    onChange={this.handleLangChange} />
            </div>            
        );
    }
}

Source: stackoverflow.com

Past value from parent in reactjs

class ParentComponent extends React.Component {

    state = { language: '' }

    handleLanguage = (langValue) => {
        this.setState({language: langValue});
    }

    render() {
         return (
                <div className="col-sm-9">
                    <SelectLanguage onSelectLanguage={this.handleLanguage} /> 
                </div>
        )
     }
}

Source: stackoverflow.com

Similar codes

0 vote128 views1 answer
Route with parameter react not working not found
Javascript React
4 votes127 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
10 votes141 views3 answers
Install firebase react
Javascript React
0 vote140 views1 answer
Trash alternate outline icon not coming to right side react
Javascript React
0 vote138 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote123 views1 answer
How to have hotjar in react-hotjar
Javascript React
6 votes143 views2 answers
React native spinkit
Javascript React
66 votes139 views6 answers
Routing react
Javascript React
2 votes92 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote141 views1 answer
How to disable react in jsx scope eslint
Javascript React