React留下一个消息组件

Question

很抱歉，如果这不是一个问题，我搜索谷歌，找不到任何答案。

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

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

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

Answer 1

这是一个后端流程，您必须向以下链接发出fetch帖子请求：https://email-link-needs-user-email并将用户email和message发送到此API链接

你必须使用axios或fetch：

这些链接可能会帮助您：

1.how to fetch in react

2.how to use axios

Answer 2

您的请求中有两个任务。

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，获取e.t.c）创建异步请求，并通过PHP或Python发送电子邮件。