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

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';

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

我怎样才能在反应组件中包含这个文件，但又能够使用它们？ 例如我例子中的变量io

Answer 1

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

OtherImports.js

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

你可以使用export default

注意：您可以做的是直接在您使用它的代码中导入它。