Javascript 无法从React表单获取信息

从“React”导入React
从“../components/modals/ThankYouModal”导入ThankYouModal；
导出默认类ContactForm扩展React.Component{
建造师（道具）{
超级（道具）；
//投入
这个.showOrganization=true；
this.organizationText=''；
this.messageText=''；
//陈述
此.state={
名称：“”，
组织：''，
电子邮件：“”，
消息：“”，
showThankYouModal:错误
};
//绑定函数
this.handleNameChange=this.handleNameChange.bind（this）；
this.handleOrganizationChange=this.handleOrganizationChange.bind（this）；
this.handleEmailChange=this.handleEmailChange.bind（this）；
this.handleMessageChange=this.handleMessageChange.bind（this）；
//模态
this.exitModal=this.exitModal.bind（this）；
this.openModal=this.openModal.bind（this）；
}
//模态
exitModal（）{
this.setState（{showThankYouModal:false}）；
}
openModal（）{
if（this.state.name&&this.state.email&&this.state.message）{
this.setState（{showThankYouModal:true}）；
}
}
//表格更新
手形变化（e）{
this.setState（{name:e.target.value}）；
}
handleOrganizationChange（e）{
this.setState（{organization:e.target.value}）；
}
handleEmailChange（电子邮件）{
this.setState（{email:e.target.value}）；
}
handleMessageChange（e）{
this.setState（{message:e.target.value}）；
}
handleSubmit（e）{
e、 预防默认值（）；
var name=this.state.name.trim（）；
var email=this.state.email.trim（）；
var message=this.state.message.trim（）；
//如果（此.props.showOrganization）{
//var organization=this.state.organization.trim（）；
// }
//否则{
//var组织=“”；
// }
console.log（this.state.name）；
}
render（）{
返回(
{this.props.showOrganization&&
}
无效




);
}
}

试试：

this.handleSubmit.bind（this）

试试：

---

this.handleSubmit.bind（this）

绑定其他方法时忘记绑定此方法

    constructor(props){
        super(props);
        //inputs
        this.showOrganization= true;
        this.organizationText= ' ';
        this.messageText=' ';

        //state
        this.state = {
            name: '',
            organization: '',
            email: '',
            message: '',
            showThankYouModal: false
        };

        //Binding Functions
        this.handleNameChange = this.handleNameChange.bind(this);
        this.handleOrganizationChange = this.handleOrganizationChange.bind(this);
        this.handleEmailChange = this.handleEmailChange.bind(this);
        this.handleMessageChange = this.handleMessageChange.bind(this);
        this.handleSubmit = this.handleSubmit.bind(this);
        //Modal
        this.exitModal = this.exitModal.bind(this);
        this.openModal = this.openModal.bind(this);

    }

---

您在绑定其他方法时忘记绑定此方法

    constructor(props){
        super(props);
        //inputs
        this.showOrganization= true;
        this.organizationText= ' ';
        this.messageText=' ';

        //state
        this.state = {
            name: '',
            organization: '',
            email: '',
            message: '',
            showThankYouModal: false
        };

        //Binding Functions
        this.handleNameChange = this.handleNameChange.bind(this);
        this.handleOrganizationChange = this.handleOrganizationChange.bind(this);
        this.handleEmailChange = this.handleEmailChange.bind(this);
        this.handleMessageChange = this.handleMessageChange.bind(this);
        this.handleSubmit = this.handleSubmit.bind(this);
        //Modal
        this.exitModal = this.exitModal.bind(this);
        this.openModal = this.openModal.bind(this);

    }

---

你忘了系把手了你忘了系把手了