Javascript 如何在组件内部使用StyledComponents主题

Javascript 如何在组件内部使用StyledComponents主题,javascript,css,reactjs,styled-components,Javascript,Css,Reactjs,Styled Components,下面我创建了一个名为Link的样式。但是主题在this.props中。如何将主题从道具中取出并传递到链接样式化组件中 ReferenceError:未定义主题 所有样式化组件自动接收主题道具 您可以通过以下方式在样式化组件中访问它们: const Link = styled.a` color: ${props=>props.theme.apricot}; `; 有关主题设置的更多选项,请参见所有样式化组件都会自动接收作为道具的主题。您可以使用道具访问它。主题@BoyWithSilve

下面我创建了一个名为Link的样式。但是主题在
this.props
中。如何将主题从道具中取出并传递到
链接
样式化组件中

ReferenceError:未定义主题


所有
样式化组件
自动接收
主题
道具

您可以通过以下方式在样式化组件中访问它们:

const Link = styled.a`
  color: ${props=>props.theme.apricot};
`;

有关主题设置的更多选项,请参见

所有样式化组件都会自动接收作为
道具的
主题
。您可以使用
道具访问它。主题
@BoyWithSilverWings我尝试了
this.props.theme
道具.theme
并获得
参考错误:道具未定义
(道具)=>道具.主题.红色
应该适合你啊,是的,谢谢,这就是我想要的:)比如,你会发布你的答案吗?
{ red: '#FF0000',
  black: '#393939',
  grey: '#3A3A3A',
  lightgrey: '#E1E1E1',
  offWhite: '#EDEDED',
  apricot: '#FEBE7E',
  margin: 0,
  padding: 0 }
const Link = styled.a`
  color: ${props=>props.theme.apricot};
`;