React留下一个消息组件

时间:2017-12-18 11:13:06

标签: javascript reactjs

很抱歉,如果这不是SO问题,我在google上搜索,无法找到任何答案。

有谁知道在哪里可以找到"留言" React的组件?

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

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

2 个答案:

答案 0 :(得分:0)

这是一个后端流程,您必须向以下链接发出fetch发布请求:https://email-link-needs-user-email并将用户emailmessage发送到此API链路

您必须使用axiosfetch

这些链接可能会对您有所帮助:

1。how to fetch in react

2。how to use axios

答案 1 :(得分:0)

您的请求中有两项任务。

  1. 创建组件
  2. 通过电子邮件发送消息
  3. 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发送电子邮件。