javascript - 无法在 react 中显示状态值

Question

我使用 getInitialState 时出现空白，一定是出了什么问题，但我不知道哪里出了问题。

var counter = React.createClass({
  getInitialState(){
    return {
      count: 0
    }
  },
  render() {
    return(
      <p>value of my counter is: {this.state.count}</p>
    )
  }
})

ReactDOM.render(
  <counter />,
  document.getElementById('container')
);

Jsfiddle https://jsfiddle.net/b9bu3ssz/

Answer 1

组件应该是Counter，而不是counter

var Counter = React.createClass({
  getInitialState(){
    return {
      count: 0
    }
  },
  render() {
    return <p>value of my counter is: {this.state.count}</p>
  }
})

ReactDOM.render(
  <Counter />,
  document.getElementById('container')
);