Как сделать каждое состояние данных зависит от параметров запроса в ReactJS с Mobx - PullRequest
Новая
       12

Как сделать каждое состояние данных зависит от параметров запроса в ReactJS с Mobx

0 голосов
/ 07 июля 2019

Во-первых, в store.js есть состояние. 

 @observable projectState = {
    projects: [{
                 "id": "abcd",
                 "title": "good"
              },
              {
                 "id": "edf",
                 "title": "bad"
              }]
  };

Во-вторых, когда щелкает каждый проект, он следует каждому URL-адресу params для project.id. 

@inject("Project")
@observer
class ProjectList extends Component {
  render() {
    const { Project } = this.props;

    return (
      <div className="project-list section">
        {Project.projectState.projects &&
          Project.projectState.projects.map(project => {
            return (
              <Link to={"/project/" + project.id} key={project.id}>
                <ProjectSummary project={project} />
              </Link>
            );
          })}
      </div>
    );
  }
}

Это мой маршрут, и он использует компонент ProjectDetails. 

<Route path="/project/:id" component={ProjectDetails} />

Моя последняя цель - заголовок, который отображается в зависимости от 'id' в компоненте ProjectDetails.
Например, когда я щелкаю эти данные json на панели инструментов, {"id": "abcd", "title": "good"}, следует 'project / abcd'. 

@inject("Project")
@observer
class ProjectDetails extends Component {
  render() {
    return (
      <div>
        <h3>{title}</h3>
      </div>
    );
  }
}

Как этот выбранный проект может автоматически переходить в компонент ProjectDetail? В результате это простой пример панели инструментов ... Не могли бы вы дать мне совет?

...