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 未解决的错误。我该如何解决这个问题？

Answer 1

正如我在评论中解释的那样，您需要将您的 React 应用程序包装在一个 Application 组件中，就像在 React Rainbow 的 doc 中解释的那样：

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

我做了一个 React Rainbow sideBar demo 的代码沙箱，我传入了功能组件：

React Rainbow UI example missing theme