在渲染容器之前执行react redux调度操作

Question

我是React-redux应用程序开发的新手,我试图了解如何在页面加载后立即发送另一个操作.以下是我的容器代码.我正在使用这个(https://github.com/jpsierens/webpack-react-redux)样板.

let locationSearch;

const ActivationPage = ({activateUser}) => {
    return (
        <div className="container">
          <h2>Activation Required</h2>
          <p>An Activation Email was sent to your email address. Please check your inbox to find the activation link</p>
          { activateUser() }
        </div>
    );
};


ActivationPage.propTypes = {
    activateUser: PropTypes.func
};


const mapStateToProps = (state) => {
    return {
        message: state.message,
        currentUser: state.currentUser,
        request: state.request
    };
};

const mapDispatchToProps = (dispatch) => {
    return {
        activateUser: () => {
            console.log(location);
            if (location.search !== '') {
                locationSearch = querystring.parse(location.search.replace('?', ''));
                console.log(locationSearch);
                if (locationSearch.hasOwnProperty('user_id') && locationSearch.hasOwnProperty('activation_code')) {
                    // change request state to pending to show loader
                    dispatch(actions.requestActions.requestPending());

                }
            }
        }
    };
};

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(ActivationPage);

此代码为我提供警告:setState(...):在现有状态转换期间无法更新,可能是因为我在渲染函数(IDK)期间调度了一个动作.如何在页面加载后自动转换给定代码以自动触发activateUser()函数.

Answer 1

https://facebook.github.io/react/docs/react-component.html

componentWillMount()并componentDidMount()为你.我的意见 - 你应该避免使用componentWillMount和更喜欢componentDidMount- 这是有道理的,如果你将使用服务器渲染