Javascript 反应-无法从index.js导出多个文件
我正在使用原子设计创建一个样式化组件,我希望将样式化文件分离到一个文件夹中,并使用一个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中的文件时
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";
查看此确定我发现问题:确定我发现问题: