React-Router - пытается добавить анимацию между маршрутами только на прогрессбар - PullRequest
Новая
       33

React-Router - пытается добавить анимацию между маршрутами только на прогрессбар

0 голосов
/ 28 января 2020

У меня есть реагирующий маршрутизатор, в основном сделанный с коммутатором и маршрутами, и я хочу настроить таргетинг только на компонент progressbar в каждом из них. У каждого есть значение, и я хочу перейти на go со значения = {x} на значение = {y}. Я пытаюсь понять, как работает анимация реагирующего маршрутизатора, но я не понимаю, насколько это мощно.

Ниже у вас есть компонент, который использует индикатор выполнения. 

 <ProgressBar progress={9} />
      <h1>
        What is your <span>ideal weight</span> that you want to reach?
      </h1>
      <div className={styles.shared__field}>
        <GlobalCss />
        <Field
          name="idealWeight"
          type="number"
          className={styles.shared__field}
          validate={validateIdealWeight}
          component={TextField}
          InputProps={{
            endAdornment: <InputAdornment position="start">kg</InputAdornment>
          }}
        />
      </div>
      <ButtonGroup
        conditionBack={true}
        submit
        conditionNext={
          !values.idealWeight ||
          values.idealWeight < 25 ||
          values.idealWeight > 500
        }
        linkNext={"gender"}
      />
...