如何使用reactjs和js-class的redux-connect？

Question

我想重構使用'React.createClass'的代碼，並用JavaScript類替換。我如何將Classes的synthax與connect和redux結合起來？如何用JavaScript類編寫代碼？

import {connect} from 'react-redux'; 
const UserOverview= React.createClass({ 

... 

}); 

const mapStateToProps = (state) => { 
    return {selectedUser: state.project.selectedUser}; 
} ; 

export default connect(mapStateToProps, null)(UserOverview); 

Answer 1

它或多或少是一樣的 - 您的對象屬性只是成爲類方法/屬性。

class UserOverview extends React.Component { 
    // methods, etc - remember to watch out for scoping, especially in callbacks 

    onDivClick =() => { 
     // either use ES6 style "arrow functions" (like this) 
     // or rebind your callback handlers inside of `constructor` 
    } 

    render() { 
     return <div onClick={this.onDivClick}/>; 
    } 
} 

export default connect(mapStateToProps, {})(UserOverView);