<Component {... pageProps} />如何起作用？

Question

这里的新手，

我从this和 我也发现几乎每个_app.js都有此行代码。

class Name extends App {
 render() {
    const { Component, pageProps } = this.props;
    const config = { some config here };
    return (
        <AppProvider config = { config }>
          <Component {...pageProps} />
        </AppProvider>
    );
  }
}

我知道<Component {...pageProps} />部分代表所有其他页面。当我浏览页面时，它会改变pageprops。

我只是不知道怎么称呼其他页面？

Answer 1

Component作为道具的提供者，无论哪个组件正在调用Name（将其称为Foo）。

正如您提到的那样，导航会更改道具，我假设在导航页面时，此Foo进行了一些更改，因此将不同的Component和/或pageProps传递给{{ 1}}。因此，新页面中的Name实例将获得新的道具。

如果要在其他页面中调用它，请检查它是如何从Component传递的，并在组件中遵循相同的方法。