Есть ли способ обновить sh страницу при получении новых данных при получении новых данных в ReactJS? - PullRequest
0 голосов
/ 15 апреля 2020

У меня есть компонент, который динамически отображает компоненты из файла JSON, так как я работаю над большим проектом, в котором будет много страниц. Компонент, который делает это, показан ниже и прекрасно работает.

const Writer = ({match: {url}, coreTopics}) => {
    return (
        <React.Fragment>
            <Route path = {`${url}/:topicId`} render = {
                ({ match }) => 
                <TopicHeaderCard {...coreTopics.find(topic => topic.id === match.params.topicId)}/>}
            />
        </React.Fragment>
    )
}

Проблема, с которой я столкнулся на данный момент, заключается в том, что сама страница не обновляет sh, это важно, так как у меня есть специфика c анимация, которая появляется при переходе пользователя на новую страницу. На данный момент он делает это только один раз, когда я обновляю sh мою страницу. Если бы я щелкнул ссылку для перехода на новую страницу, содержимое обновилось, но страница не обновилась, поэтому анимация не повторяется.

Это просто показывает, как я использую маршрут для рендеринга всех маршруты для данных JSON.

           <Switch>
            <div className = "content">
              <Route path = "/core-topics" render = { 
                props =>  
                  <Header 
                    {...props} 
                    coreTopics = {coreTopics}
                    />
                }/>
              <Route exact path = "/" component = {Home}/>
            </div>
            </Switch>

И это простая анимация, которую я пытаюсь использовать для анимации скольжения текста при каждом входе пользователя на новую страницу.

@keyframes slideIn{
    0%{
        margin-left: -1200px;
    }
    80%{
        margin-left: 20px;
    }
    100%{
        margin-left: 0;
    }
}

Так что мне было интересно, есть ли способ обновить sh страницу, когда браузер обнаруживает новый контент, или, возможно, был способ переключения анимации, когда браузер обнаруживает новый контент?

Любой помощь очень ценится!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...