下面的代码为三种不同的路由提供相同的组件AppComponent,包括/、/route2和/route3。问题是,当选择不同的路由时,title和bodyHTML属性AppComponent不会更改值。当用户选择不同的路由时,应用程序需要对下面的代码进行哪些特定的更改,以便应用程序为title bodyHTML 和bodyHTML提供不同的值?
下面是在几分钟内在任何计算机上再现问题的步骤
创建种子应用程序:
首先,我按照以下步骤创建了一个使用Angular的种子应用程序:
cd C:\projects\angular-cli
ng new routes-share-comp
我遇到了一些问题,一个组件在遵循它的路线后没有呈现出来。路由是在父组件Drawings中创建的,并向Drawing组件发送几个道具。
当我单击该链接时,我将转到正确的路径,例如/drawing/20170724,然后运行我在render函数中拥有的日志语句。我也得到了道具,到目前为止还不错。但是,返回没有发生,所以我需要的HTML不可用。
下面是创建路由和链接的Drawings:
import React, { Component } from "react";
import { Route, Link } from "react-router-dom";
im