<Component {...pageProps} /> 功能如何？

Question

这里的新手，

我可是从学习对码本，我也发现几乎每一个_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作为调用的组件的 prop 提供Name（让我们调用它Foo）。

正如您提到的导航会更改属性，我假设当导航页面时，会Foo发生一些变化，因此会传递不同的Componentand/orpageProps到Name. 因此，Component新页面中的实例获得新的 props。

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