event.target.value отображается как неопределенный

Question

Я пытаюсь заставить работать выпадающее меню (выбрать). Я могу сохранить входное значение в моем console.log с именем и значением, отображаемым из функции изменения handleInput. Я хочу иметь возможность передать его в функцию onContentChange.

Может кто-нибудь показать мне, как это сделать? Это будет с благодарностью!

handleInputChange(e, data) { 
    //Type error 
    const value = data.type === "checkbox" ? data.checked : data.value;
    //end of type error
    const name = data.name;

    console.log(`Input name ${name}. Input value ${value}.`);

    this.setState({
        [name]: value
    });

    if(this.props.handleChange){
        this.props.handleChange(name, value);
    }
};

handleChange(event) {
    const target = event.target;
    const value = target.type === 'checkbox' ? target.checked : target.value;
    const name = target.name;

    console.log(`Input name ${name}. Input value ${value}.`);

    this.setState({
        [name]: value
    });

    if(this.props.handleChange){
        this.props.handleChange(this.state);
    }        
}

и вот моя onContentChange функция

onContentChange(fieldname, data){
    console.log('On Content Change', data);
    this.setState({
        [fieldname]: data
    });
}