react.js知识汇总

首先ract的基本结构

var Input = React.createClass({
  getInitialState: function() {
    return {value: 'Hello!'};
  },
  getDefaultProps:function(){
    return {

          }
},
  handleChange: function(event) {
    this.setState({value: event.target.value});
  },
  render: function () {
    var value = this.state.value;
    return (
      <div>
        <input type="text" value={value} onChange={this.handleChange} />
        <p>{value}</p>
      </div>
    );
  }
});

ReactDOM.render(<Input/>, document.body);

http://www.oschina.net/translate/getting-started-with-react

https://facebook.github.io/react/docs/working-with-the-browser.html#component-lifecycle

http://www.ruanyifeng.com/blog/2015/03/react.html

http://www.css88.com/react/docs/thinking-in-react.html

 

在webStorm中使用react.js语法会报错如何解决？

只需要将js版本设置为JSXHarmony

在File-》settings-》Languages&Frameworks-》javascript设置为JSXarmony就可以了。