Reactjs mobx类方法中的变量为NaN（可观察-mobx）

我正在尝试更新计数器，它包含可观察变量，并观察组件中的值。当我单击“增量”按钮时，该计数器始终为NaN，无法理解原因。 组成部分：

@observer
class App extends Component {
  constructor(props){
    super(props)
  }
  render() {
    const counter = this.props.appState;
    return (
        <div className={styles.description}>
          <button onClick={counter.increment.bind(this)}>+</button>

缅因州：

import AppState from './AppState'
...
var appState = new AppState

ReactDOM.render(
  <App appState={appState}/>,
  document.getElementById('root')
);

从“./AppState”导入AppState
...
var appState=新的appState
ReactDOM.render(
,
document.getElementById（'root'））
);

---

我该怎么解决呢？

我想你的问题是，当谈到这篇所指的内容时，你需要保持敏锐的舌头。

应用程序中没有
计数器
字段，这就是您在编写
绑定（this）
时试图引用的内容

尝试
counter.increment（）}>+

import AppState from './AppState'
...
var appState = new AppState

ReactDOM.render(
  <App appState={appState}/>,
  document.getElementById('root')
);