Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应-无法从index.js导出多个文件_Javascript_Reactjs_Styled Components - Fatal编程技术网

Javascript 反应-无法从index.js导出多个文件

Javascript 反应-无法从index.js导出多个文件,javascript,reactjs,styled-components,Javascript,Reactjs,Styled Components,我正在使用原子设计创建一个样式化组件,我希望将样式化文件分离到一个文件夹中,并使用一个index.js导出所有文件。我发现可以这样做:但在我的例子中,当我想导出index.js中的文件时 export StyledClosestMeet from 'styledComponents/StyledClosestMeet.js'; 我有错误 应为声明或语句。ts(1128) 在styledComponents文件夹中,我有第二个文件: import styled from 'styled-comp

我正在使用原子设计创建一个样式化组件,我希望将样式化文件分离到一个文件夹中,并使用一个index.js导出所有文件。我发现可以这样做:但在我的例子中,当我想导出
index.js中的文件时

export StyledClosestMeet from 'styledComponents/StyledClosestMeet.js';
我有错误

应为声明或语句。ts(1128)

在styledComponents文件夹中,我有第二个文件:

import styled from 'styled-components';
import variables from 'settings/variables';

const StyledClosestMeet = styled.div`
  color: ${variables.colorMain};
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
`;
稍后我想在Atom文件中导入该文件:

import React from 'react';
import {StyledClosestMeet} from 'styledComponents/StyledClosestMeet';

const ClosestMeet = () => {
  return <StyledClosestMeet>Najbliższe spotkanie</StyledClosestMeet>;
};

export default ClosestMeet;
从“React”导入React;
从“styledComponents/StyledClosestMeet”导入{StyledClosestMeet};
const ClosestMeet=()=>{
返回Najbliższe spotkanie;
};
导出默认关闭会议;

我正在使用jsconfig“baseUrl”:“/src”您必须导出StyledClosestMeet

import styled from 'styled-components';
import variables from 'settings/variables';

const StyledClosestMeet = styled.div`
  color: ${variables.colorMain};
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
`;

export { StyledClosestMeet }

您可以像下面这样导出StyledClosestMeet

export { StyledClosestMeet } from 'styledComponents/StyledClosestMeet.js';

您必须导出StyledClosestMeet

import styled from 'styled-components';
import variables from 'settings/variables';

const StyledClosestMeet = styled.div`
  color: ${variables.colorMain};
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
`;

export { StyledClosestMeet }

您可以像下面这样导出StyledClosestMeet

export { StyledClosestMeet } from 'styledComponents/StyledClosestMeet.js';

您可以创建index.js文件以如下方式导出这两个文件:

export { default as Styled1 } from "./styled1";
export { default as Styled2 } from "./styled2";
然后像这样导入它们:

import { Styled1, Styled2 } from "./styled/index";

查看此

您可以创建一个index.js文件以如下方式导出这两个文件:

export { default as Styled1 } from "./styled1";
export { default as Styled2 } from "./styled2";
然后像这样导入它们:

import { Styled1, Styled2 } from "./styled/index";
查看此

确定我发现问题:确定我发现问题: