通讯签名 
已设计了通讯注册部分,以便在页脚上添加自定义字段供订阅通讯。 您可以通过 fields 组件生成到 html 的道具组成字段.
字段类型可以选择,复选框和文本.
安装
yarn add @berlitz/newsletter-sign-up
道具
| 参数 | 类型 | 需求 | 默认 | 示例 |
|---|---|---|---|---|
| 结束点Url | 字符串 | ❌ | ||
| 错误文本 | 字符串 | ❌ | '有错误报名! 请重新刷新并尝试。" | |
| 字段 | 数组 | ❌ | [ | |
| 获取端点Url | 函数 | ❌ | ||
| 隐藏字段 | 数组 | ❌ | [ | |
| 地图格式Values To PostBody | 函数 | ❌ | ||
| 注解文本 | 字符串 | ❌ | ||
| 提交文本 | 字符串 | ❌ | 签名, | |
| 提交日期 文本 | 字符串 | ❌ | '臣服' "服从" | |
| 成功文本 | 字符串 | ❌ | "谢谢你的报名!" | |
| 标题 | 字符串 | ✅ | ||
| 取消订阅文本 | 字符串 | ❌ |
使用量
import NewsletterSignUp from '@berlitz/newsletter-sign-up'
const MyApp = () => <NewsletterSignUp
endpointUrl="//signup.example.com"
title="Sign up for newsletter"
fields={[
{ name: "name", type: "text", label: "Your name" },
{ name: "email", type: "email", label: "Your email" }
]}
/>
何时使用此组件
传过来 页脚是因为 newsletterComponent 作为节点的道具.
页:1
静态 endpointUrl 可覆盖 getEndpointUrl 函数生成 url 从 values 形式。 数据正在输入 application/json 格式。 寄出的对象可以重映射通过 mapFormValuesToPostBody 函数.