目前，我的一個redux container需要許多額外的跟展現(xiàn)沒有關(guān)系的數(shù)據(jù)。因此目前困惑額外數(shù)據(jù)的獲取。

舉個例子。

render() {
   const sendMessage = send(this.props.data, this.props.title);
   return (
       <div>
           <button onClick={}>{this.props.title}</button>
       </div>
   );
}

const mapStateToProps = (state) => {
    return {
        data: state.data,
        title: state.title
    }
}

也就是我展現(xiàn)不需要有data，但是點擊發(fā)送信息需要該屬性。
也就是data變化，我的容器也跟著re-render了。這十分不合理。

目前想到兩個方法。

一是使用redux-thunk

// action.js
const sendMessageAction = (title) => (dispatch, getState) => {
    const data = getState().data;
    send(data, title);
}
// container.js
const mapDispatchToProps = (dispatch) => ({
    sendMessage: dispatch(sendMessageAction())
});

但是這樣，為了獲得state，專門寫在action.js，讓action變得復(fù)雜，且自認為破壞action原有作用，此處根本不用dispatch。

二是使用mergeProps

const mapStateToProps = (state) => {
    return {
        data: state.data,
        title: state.title
    }
};
const mergeProps = (stateProps, dispatchProps) => {
    return Object.assign({}, dispatchProps, {
        title: stateProps.title,
        sendMessage: send.bind(null, title, data)
    });
}

這個方法也有問題，和最先的一樣，data變化，容器也跟著re-render了

不知道有什么其他方法？