反应：将道具从祖父母传给孙子-Java 学习之路

我有一个问题，在反应中传递道具 . 这是我的文件夹结构：

SRC

我正在使用Bootstrap 4在Button.js中创建一个Button：

<div>
    <a className="btn btn-primary sharp" href={this.props.url} role="button">{this.props.btnName}</a>
  </div>

Button类中没有别的东西 . 所以现在我把一个Button放到类PageContainer中：

<div>
    <Header/>
    <Button url={this.props.urlBack} btnName="Back"/>
    <Button url={this.props.urlNext} btnName="Next"/>
  </div>

正如您所看到的，我将 Headers 传递给按钮：Back和Next . 这很好 . 我现在可以添加一个网址，它可以正常工作，但这不是我想要的 .

我将PageContainer添加到类Page，以便我可以在此级别添加url：

<div>
    <PageContainer urlBack="/" urlNext="/nextPage"/>
  </div>

由于某种原因，这是行不通的 . 有人可以解释我如何将道具从祖父母传递给孙子吗？在文档中，它说这是如何做到这一点的方式 . 我也没有错误，因为道具没有从Page传递给PageContainer . console.log（this.props.urlBack）导致未定义 .

PS：也许你问我为什么使用Page.js或者我有什么原因使用PageContainer . 第一：有更多的组件，我只是把它们排除在外 . 第二：我想重复使用PageContainer几个页面，这样我只需要更改网址 .

1 回答