перемонтировать компонент и изменить его состояние - PullRequest
Новая
       14

перемонтировать компонент и изменить его состояние

1 голос
/ 06 июня 2019

У меня есть приложение, в котором пользователи могут видеть список событий, события разбиты на различные категории, например, музыка, искусство и т. Д. Что я пытаюсь сделать, так это то, что если пользователь нажимает на категорию, в которой еще нет событий в этой категории, он сможет нажать кнопку, которая приведет их в список категорий «Все события». Я использую компонент под названием EventListScreen, который я использую в качестве шаблона для всех списков категорий, поэтому вместо экрана для каждой категории я просто использую EventListScreen в качестве основного экрана для отображения событий.

Моя проблема в том, что если я нахожусь в категории «Искусство» и там нет событий, я хочу, чтобы пользователь нажал кнопку, которая приведет их прямо в категорию «Все события», но когда я попытаюсь сделать this.props.navigation.navigate("EventListScreen",{category: "All Events"})

ничего не происходит, так как я уже на EventListScreen.

Я читал в местах, где некоторые говорят, что нужно просто перемонтировать компонент, но я не уверен, как это сделать, а также изменить категорию на All Events

Я добавил код кнопки всех событий ниже: 

<Text style={{paddingTop: 40, fontSize: 20}}>
        Sorry no events in here yet.
      </Text>
      <TouchableOpacity
        onPress={() => {
          this.props.navigation.navigate("EventListScreen", {
            category: "All Events"
          });
        }}>
        <Text style={{paddingTop: 20, fontSize: 15}}>
          Click here to see All Events
        </Text>
      </TouchableOpacity>
...