aComponentNeedOwnProps.js

import * as actions from "./actions.js";

const mapStateToProps = (state, ownProps) => ({
  test: state.test,
  result: state.result,
  loading: state.loading
});

const mapDispatchToProps = (dispatch, ownProps) => ({
  addOne: () => {
    dispatch(actions.addOne());
  },
  getAsyncValue: () => {
    dispatch(actions.fetchJsonApi());
  }
});

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

actions.js

export const fetchJsonApi = () => {
  return (dispatch, getState) => {
    dispatch({
      type: "START_LOADING"
    });

    return fetch("https://jsonplaceholder.typicode.com/posts/1")
      .then(response => response.json())
      .then(json =>
        dispatch({
          type: "GOT_RESULT",
          result: json.title
        })
      );
  };
};
export const addOne = () => {
  return {
    type: "ADD_TEST"
  };
};

shorhandWhenNotNeedOwnPropsComponent.js

import * as actions from "./actions.js";
const mapStateToProps = (state, ownProps) => ({
  test: state.test,
  result: state.result,
  loading: state.loading
});

export default connect(mapStateToProps, {
  addOne: actions.addOne,
  getAsyncValue: actions.fetchJsonApi
})(Chat);