react問題總結與歸納

標籤：

歡迎大家指導與討論 : ）

　　【持續更新】本文主要記錄筆者在學習中遇到的問題，並作出相應總結。有錯誤的地方希望各位能夠支援。

　　一、在es6中getInitialState( 摘要:  constructor(props)和this.state )

/*es6*/class TodoList extends Component{    constructor(props){        super(props);        this.state = {            items: [‘hello‘, ‘world‘, ‘click‘, ‘me‘]        }    }        render(){        //..       }        }/*es5*/var TodoList = React.createClass({      getInitialState: function() {             return {items: [‘hello‘, ‘world‘, ‘click‘, ‘me‘]};       },       render(){       //...       }}) 

　　二、在es6中setState( 摘要: fun.bind(this)和this.setState )

/*es6*/class TodoList extends Component{    render(){        return (            <div>                <button onClick={ this.handleAdd.bind(this) } >Add item</button>                </div>        )    }    handleAdd(){        var newItem = prompt(‘enter a new‘)        var newItems = [ ...this.state.items, newItem ];        this.setState({items: newItems})    }}

 

react問題總結與歸納