React留言板组件

  • Z时代
  • 2024-01-10
  • 分类：问答

对不起，如果这不是一个SO问题，我在谷歌上搜索并找不到任何答案。React留言板组件

有谁知道在哪里可以找到React的“留言”组件？

我正在谈论页面底部的气泡/图像，当用户点击它时，它会打开一个文本字段，供用户插入消息。

一旦用户点击提交，它会通过电子邮件向我发送消息。

回答：

这是一个后台进程，你必须做出fetch POST请求这样的链接：https://email-link-needs-user-email，并发送用户email和message这个API链接

，你必须使用它axios或fetch：

这些链接可以帮助您：

1. how to fetch in react

2. how to use axios

回答：

请求中有两项任务。

  1. 创建部件

  2. 通过电子邮件

1）任务发送一条消息可以很容易地解决使用类似的方式（条件呈现反应）。例如：

import React, { Component } from 'react' 
    class MessageBox extends Component { 
     constructor(props) { 
      super(props) 
      this.state = { 
       image: '/path_to_image', 
       showBox: false 
      } 
     } 
    replaceImage =() => { 
     this.setState(() => { return { showBox: true }}) 
    } 
    render() { 
     return this.state.showBox ? <textarea></textarea> : 
      <img src={this.state.image} onClick={this.replaceImage()} /> 
     } 
    } 
export default MessageBox

2）这是服务器的任务。您应该从您的应用程序创建异步请求到您的其他服务器（XHR，fetch e.t.c）并通过PHP或Python发送电子邮件。

以上是 React留言板组件 的全部内容， 来源链接： utcz.com/qa/262833.html

回到顶部