Twilio Chat：reactjs - 功能訪問問題

Question

我是reactjs的新手 - 並且希望能夠訪問Twilio聊天功能。

我已經在這個模塊上完成了npm安裝。 https://www.npmjs.com/package/twilio-chat

---

文檔說：

客戶實例如下所示：

Twilio.Chat.Client.create(token).then(client => { // Use client });

，或者使用異步/ AWAIT語法：

let client = await Twilio.Chat.Client.create(token); // Use client

---

///舊代碼 我正在重新配置坐在代碼基礎上的JavaScript。此功能起作用。

"chatClient = new Twilio.Chat.Client(data.token)" 

---

///新代碼

import Chat from 'twilio-chat' 

- 所以我已經試過這樣的事情第一

chatClient = new Chat.Client(data.token) 

事遂所願

chatClient = Chat.Client(data.token) 

當我做這些控制檯logs..I得到以下

console.log('Twilio>', Chat) 

它顯示

Twilio> function Client(token, options) { 
      (0, _classCallCheck3.default)(this, Client); 

      var _this = (0, _possibleConstructorReturn3.default)(this, (Client.__proto__ || (0, _getPrototypeOf2.default)(Cl… 

• 如果我深入到這個

  console.log('Twilio-->Client', Chat.Client) 
  

它顯示

Twilio-->Client undefined 

Answer 1

twilio-chat出口客戶和你可以從你的第一個console.log看到它確實是Client構造函數（類）。你必須調用它是這樣的：

chatClient = new Chat(data.token) 

注意import X from 'module'使用module的默認出口，並將其分配到的名字X，它是沒有跡象表明這是用來出口，就像你的任何其他名稱'用於變量。有關語法，請參見MDN - import。