首页 > 解决方案 > Email JS + AntD 的问题

问题描述

最近遇到一个问题。我使用 AntD 创建了一个表单,以使用 EmailJs 库发送电子邮件。问题是来自 AntD 的组件不会向电子邮件发送任何内容,但如果您使用它,那么一切都很好。其他类似的组件都很好。也许有人知道如何解决这个问题?

这是我的“代码”

const ContactUs = (props) => {

function sendEmail(e) {
    e.preventDefault();

    emailjs.sendForm('There is a userID and serverID that I do not want to show')
        .then((result) => {
            console.log(result.text);
        }, (error) => {
            console.log(error.text);
        });
    e.target.reset()
}


return (
    <Content style={{margin: '0 16px'}}>
        <Breadcrumb style={{margin: '16px 0'}}>
            <Breadcrumb.Item> </Breadcrumb.Item>
        </Breadcrumb>
        <div className="site-layout-background" style={{padding: 24, minHeight: 360}}>
            <div className="container">
                <form onSubmit={sendEmail}>
                    <div >
                        <Input placeholder="Email" name={"email"} />
                    </div>
                    <div>
                        <Input placeholder="Full name" name={"full_name"}   />
                    </div>
                    <div>
                        <Select name="course_level" defaultValue="Course Level"  >
                            <Option value="a1">A1</Option>
                            <Option value="a2">A2</Option>
                            <Option value="b1">B1</Option>
                            <Option value="b2">B2</Option>
                        </Select>
                    </div>
                    <div>
                        <Input placeholder="Basic usage" name={"telephone"}  />
                    </div>
                    <div>
                        <Input placeholder="Basic usage" name={"add_inform"}  />
                    </div>
                    <div>
                        <Button type="primary" htmlType="submit" style={{marginRight: "10px"}}>
                            Submit
                        </Button>
                    </div>
                </form>
            </div>
        </div>
    </Content>
);

标签: reactjsemailantd

解决方案


推荐阅读