event.target.value显示为未定义

时间:2019-05-02 06:42:09

标签: reactjs forms

我正在尝试使用下拉菜单(选择)。我可以将输入值存储在console.log上,并带有handleInput change函数显示的名称和值,我希望能够将其传递到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
    });
}

0 个答案:

没有答案