reactjs - “pubnub-react”不包含默认导出

Question

我正在关注有关 TicTacToe 与 PubNub 反应的教程，当我尝试启动它时，它说 pubnub-react 不包含默认导出。任何想法为什么会这样？

提前致谢！

这里 这里

错误

标签： reactjsnpmtic-tac-toepubnub

Answer 1

是的，没错，pubnub-react没有默认导出。

您可以通过 2 种方式使用它

第一的

使用Destructuring Assignment

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

import { PubNubProvider, usePubNub } from 'pubnub-react';

import React from 'react';
import PubNub from 'pubnub';
import { PubNubProvider } from 'pubnub-react';

const pubnub = new PubNub({
  publishKey: 'myPublishKey',
  subscribeKey: 'mySubscribeKey',
  uuid: 'myUniqueUUID'
});

function App() {
  return (
    <PubNubProvider client={pubnub}>
      <Chat />
    </PubNubProvider>
  );
}

第二

将所有模块导出到one使用中import * as <NAME>

import * as PubNubReact from 'pubnub-react';

import React from 'react';
import PubNub from 'pubnub';
import * as PubNubReact from 'pubnub-react';

const pubnub = new PubNub({
  publishKey: 'myPublishKey',
  subscribeKey: 'mySubscribeKey',
  uuid: 'myUniqueUUID'
});

function App() {
  return (
    <PubNubReact.PubNubProvider client={pubnub}>
      <Chat />
    </PubNubReact.PubNubProvider>
  );
}