React留言板組件

-1

對不起，如果這不是一個SO問題，我在谷歌上搜索並找不到任何答案。React留言板組件

有誰知道在哪裏可以找到React的「留言」組件？

我正在談論頁面底部的氣泡/圖像，當用戶點擊它時，它會打開一個文本字段，供用戶插入消息。

一旦用戶點擊提交，它會通過電子郵件向我發送消息。

來源

2017-12-18 Edgar Barber

「問題要求我們推薦或找到一本書，工具，軟件庫，教程或其他非現場資源，因爲它們傾向於吸引輿論的答案和垃圾郵件，所以它們不在話下，而是描述問題以及內容迄今爲止已經完成解決它。「 –

同意上述評論。我們可以幫助您的是，如果您嘗試自己實施並且一路卡住。在這種情況下，請回過頭來發布你已經嘗試過的，哪些行不通的，我相信有人會幫助你。 – Chris

這是一個後臺進程，你必須做出fetch POST請求這樣的鏈接：https://email-link-needs-user-email，併發送用戶email和message這個API鏈接

，你必須使用它axios或fetch：

這些鏈接可以幫助您：

1. how to fetch in react

2. how to use axios

來源

2017-12-18 11:23:36 shahabvshahabi

嘿，我不是在說BE，只是FE。我只是不想在這裏重新發明輪子... –

請求中有兩項任務。

創建部件
通過電子郵件

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發送電子郵件。

來源

2017-12-18 11:32:01

謝謝@Aleksander :)我一直在尋找更多風格的東西。例如，像zendesk。 –

React留言板組件

回答

相關問題