“Valor pasado de los padres en ReactJs” Código de respuesta

Valor pasado de los padres en 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>            
        );
    }
}
Dark Duck

Valor pasado de los padres en 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>
        )
     }
}
Dark Duck

Respuestas similares a “Valor pasado de los padres en ReactJs”

Preguntas similares a “Valor pasado de los padres en ReactJs”

Más respuestas relacionadas con “Valor pasado de los padres en ReactJs” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código