如何在反应中设置初始值？

Question

你能否建议如何设定反应的初始值？ 这是我的代码

http://codepen.io/naveennsit/pen/mPYzdw

class App extends React.Component{
  getInitialState(){
    return {data: 'test'};
  }

  render(){
    return <div>hello {this.state.data}</div>
  }

}

React.render(<App/>,document.getElementById('app'))

Answer 1

See this post from the React blog

您可以在构造函数中设置它。

import {Component} from 'react';

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {data: 'test'};
  }
  render() { ... }
}

此外，我注意到您正在使用React.render，而这已不再适用。

import {render} from 'react-dom'

// ...
render(<App/>, document.getElementyById('app'));