相关疑难解决方法(0)

如何根据呈现它的 React 组件的状态让样式化组件呈现不同的 css 规则？

以下不起作用：

class Container extends React.Component<ContainerProps, ContainerState> {
  constructor(props: ContainerProps) {
    super(props);
    this.state = {
      highlight: true,
      dark: false
    };
  }

  OuterWrapper = styled.div`
    display: inline-block;
    padding: 20px;
    ${this.state.dark && `
      background-color: 'gray';
    `};
  `;

    return (
      <this.OuterWrapper>
          ...
      </this.OuterWrapper>
    );

}

类型错误：无法在新容器中读取未定义的属性“dark”