在react中显示状态值失败.处理步骤

failed to display state value in react

本文关键字：失败 处理 状态 react 显示      更新时间：2023-09-26

我得到空白使用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/

组件应该是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')
);
相关文章：