在反应组件中导入包含文件并访问导入

Question

我正在开发一个 react native 应用程序，并且有一个如下所示的组件：

import React, { Component } from 'react';
import './OtherImports';

class Products extends Component {

}

现在在另一个名为 OtherImports.js 的文件中，我想导入其他依赖项/模块，以便我可以在我的所有组件中重用它们。

在 OtherImports.js 中

window.navigator.userAgent = 'react-native';
import io from 'socket.io-client/dist/socket.io';

现在，当我在组件中包含（导入）此文件时，出现错误。

如何将此文件包含在 React 组件中但又可以使用它们？例如我的示例中的变量 io

Answer 1

您正在尝试执行的操作（基于 cmets）您尝试使用自定义文件导入在此处导入 socket.io 您必须添加到文件中以使其工作：

OtherImports.js

window.navigator.userAgent = 'react-native';
import io from 'socket.io-client/dist/socket.io';
export io;

你可以使用export default

注意：您可以将其直接导入到您使用它的代码中。