reactjs - React Rainbow UI 示例缺少主题

Question

我正在尝试从 Rainbow ui ( https://react-rainbow.io/#/Sidebar )测试侧边栏示例

    const SideBarContainer = styled.div.attrs(props => {
        return props.theme.rainbow.palette;
    })

但我得到了 props.theme.rainbow.palette 未解决的错误。我怎样才能解决这个问题？

score 3 · Accepted Answer

正如我在评论中解释的那样，您需要将您的反应应用程序包装在一个组件中，例如在React Rainbow的文档Application中解释的 Like it's explain ：

export default function App() {
  return (
    <div className="App">
      <Application>
        <Header />
      </Application>
    </div>
  );
}

我制作了一个 React Rainbow 侧边栏演示的代码 SandBox，我在功能组件中传递了它：

1 回答 1