Почему у history тип any?

Question

[miliko mikoyan]

Почему у history тип`History<any>` ;

function BasicExample() {
          return (
            <Router>
              <div>
                <Link to="/about/product">About</Link>
                <Route exact path="/about/:product" component={RouteProduct} />
              </div>
            </Router>
          );
        }
        
        const RouteProduct = withRouter(
          ({ match, history }: RouteComponentProps<{ product: string }>) => (
            <Fragment>
             10
            </Fragment>
          )
        );

Comments

[Антон Спирин]

Почему у history тип any?
Почему у history тип History

Опишите без противоречий в чем вопрос и проблема)

[miliko mikoyan]

Антон Спирин, Просто непонятно Это нормально если у history History<any> ?Почему any?

Answer 1

[Антон Спирин]

Если вы работаете через IDE, то перейдя по цепочке типов увидите, что History это:

interface History<HistoryLocationState = LocationState>

а LocationState в свою очередь:
type LocationState = any;

В теории, тип должен переопределяться третим аргументом RouteComponentProps, но у меня это не работает. Возможно, баг.

Еще обертка withRouter в вашем примере не нужна.

Comments

[miliko mikoyan]

как я понимаю я должен написать Вот так code?

[Антон Спирин]

miliko mikoyan, нет. Не очень удачный был пример.

Смотрите, RouteComponentProps принимает три типа, у каждого есть значение по-умолчанию:
1. Параметры маршрута. Только если у вас у маршрута есть параметры вы передаете первый тип. По-умолчанию имеет значение {}.
2. Статический контекст. Может использоваться при серверном рендеринге.
3. LocationState. Это полезная нагрузка, которую можно передавать при смене location и получать после перехода.
history.push('/url', { prop: 'value' });

Если вы не используете даже параметров, то просто объявляйте:
RouteComponentProps

Если используете:
RouteComponentProps<{ product: string }>

Многие не заморачиваются и всегда объявляют так:
RouteComponentProps<any>

History является дженериком, так как содержит в себе Location, а Location - LocationState, который может иметь какое-либо значение и может принимать тип этой нагрузки. По-умолчанию она any.

По поводу третьего параметра, как выяснилось он не переопределяется, видимо, баг.

[miliko mikoyan]

вот так более понятно.вот так более понятно .Спасибо .что сказать ждём тебя в Армении (((