javascript - 如何将 redux-connect 与 reactjs 和 js-classes 一起使用？

Question

我想重构使用“React.createClass”的 React 代码并替换为 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);