Как работает <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 предоставляется как реквизит от того, какой компонент вызывает Name (давайте назовем его Foo).

Как вы упомянули, что навигация меняет реквизиты, я предполагаю, что при переходе по страницеэто Foo претерпевает некоторые изменения и, следовательно, передает другое Component и / или pageProps в Name.Следовательно, экземпляр Component на новой странице получает новые реквизиты.

Если вы хотите вызвать его на других страницах, проверьте, как он был передан из Foo, и следуйте тому же методу в своем компоненте.