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

时间:2016-05-18 03:48:00

标签: reactjs react-router

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

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'))

1 个答案:

答案 0 :(得分:2)

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'));