reactjs - 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>
);
解决方案
推荐阅读
- angular - Angular-如何使用 OAuth2 令牌通过 springboot 进一步调用 http Rest Api
- java - 如何使用具有可变集合的单个查询更新多行
- r - 查找每行中特定列的最小差异,而不是 R 中的整个数据帧(或查找最接近的值)
- javascript - Typescript通过WebPack运行后找不到函数
- javascript - 如何从 Google 地球引擎中的列表访问元素
- swift - 使 Webview 专注于键盘可访问性 swift
- python - Python Turtle 键绑定只工作一次
- pandas - 在钞票数据集中搜索 3 个比较的最佳方法
- sql-server - SQL:我想根据一个标准比较三行数据并确定具有最低值的那一行
- kubernetes - InitContainer 不是幂等的,如何防止它运行两次?