Breaking News: Grepper is joining You.com. Read the official announcement!

react get variable from child component

Rich Raccoon answered on August 23, 2022 Popularity 9/10 Helpfulness 2/10

answer react get variable from child component

related react get variable from child component

react get variable from child component

Comment

[Parent]

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>
        )
     }
}

-----------------------------------------------------------------

[Child]

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>            
        );
    }
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: get javascript

Link to this answer
Share Copy Link

Contributed on Aug 23 2022

Rich Raccoon

0 Answers Avg Quality 2/10

Closely Related Answers

react get variable from child component

Comment

[Parent]

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>
        )
     }
}

-----------------------------------------------------------------

[Child]

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>            
        );
    }
}

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript get javascri

Link to this answer
Share Copy Link

Contributed on Aug 23 2022

Rich Raccoon

0 Answers Avg Quality 2/10

react get variable from child component

Contents

More Related Answers

react get variable from child component

Closely Related Answers

react get variable from child component

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.