как отправить данные для указанного c проекта из списка проектов с редуксом

Question

Привет, ребята, как дела? У меня есть этот список данных, который уже загружается, безусловно, являясь ProjectSummary для каждого списка.

Мне нужно установить мои данные в ProjectDetails, когда щелкните по указанному c ProjectSummary или по id.map из моего проекта props?

это в моем ProjectList. js:

const ProjectList = props => {
  const { history, projects, loadProjects } = props;
  const [isReady, setIsReady] = useState(false);

  useEffect(() => {
    async function fetch() {
      //const { data } = await axios.get("http://localhost:20202/projects");

      setTimeout(() => {
        const data = [
          {
            id: 1,
            title: "titlehere",
            content: "blablabla",
            user: {
              name: "JSON"
            }
          },
          {
            id: 2,
            title: "title here",
            content: "survival mode activated",
            user: {
              name: "JSON"
            }
          },
          {
            id: 3,
            title: "i am the third title of projects",
            content: "blablalbalba",
            user: {
              name: "JSON"
            }
          }
        ];

        loadProjects(data);
        setIsReady(true);
      }, 2000);
    }

    fetch();
  }, []);

В моих действиях / проектах. js:

export function loadSpecificProject(project) {
  return {
    type: "LOAD_SPECIFIC_PROJECT",
    project
  };
}

ProjectDetails. js:

import React, { useEffect, useState } from "react";
import { bindActionCreators } from "redux";
import { connect } from "react-redux";
import * as projectActions from "../../actions/projects";
import axios from "axios";

const ProjectDetails = props => {
  const { project } = props;
  return (
    <div className="container section project details">
      <div className="card z-depth-2">
        <div className="card-content">
          <span className="card-title"> title </span>
          <p> {project.title} </p>
        </div>
      </div>
    </div>
  );
};

const mapStateToProps = state => ({
  // user: state.auth.user
  project: state.project
});

const mapDispatchToProps = dispatch =>
  bindActionCreators(projectActions, dispatch);

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

Мой ProjectSummary. js отлично загружает каждый массив.