小编Col*_*ure的帖子

我需要提供的CSS styled-components输出到我的public/css目录中的物理CSS文件.

export const MyComp = styled.div`
  width: 100%;
  height: 500px;
`

与所有其他样式组件的样式一起,上面的组件将输出到public/css/styled.css:

.Components_MyComp__a39t9ag0248f {
  width: 100%;
  height: 500px;
}

我在用:

"webpack": "^2.6.1",
"styled-components": "^2.0.1",

我的 MobX 自动运行函数会注销undefined此处的两个值。另外，在我的组件中import user from '../../stores/UserStore，我使用的实例{user.userName}都没有显示任何内容。

import { observable, autorun } from 'mobx'

class UserStore {
  @observable userName = "tommy";
  @observable arr = [0,1]
}

const user = window.user = new UserStore

export default user;


// user.userName = "timmy"; // works, but not observable.

autorun(() => {
  console.log(user.userName) // undefined
  console.log(user.arr) // undefined
})