styled-components - 基于状态而不是道具的样式

Question

我想根据它的状态（而不是道具）来设置组件的样式，它会随着点击而改变。

但是，如果不将状态拉入包装器并将状态向下传递给道具，我看不出有任何方法可以做到这一点。这似乎是不必要的。有没有办法使用样式组件访问状态？

我想做这样的事情：

const styledDiv = styled.div`
  background-color: ${(state) => state.x};
`

标签： styled-components

Answer 1

该库的开发人员推荐的解决方案是拉起状态。我不得不同意。