@Portal_Shooter

Как использовать хуки в цикле?

Есть список блоков. Надо сделать так, чтобы при клике менялся стиль этого блока. Не знаю как это реализовать. Я знаю, что в цикле нельзя этого делать из-за возможности нарушения порядка хуков, но как-то же это можно реализовать?
<FlatList
  data={arr}
  numColumns={7}
  renderItem={item => {
    item.state = 'noActive';
    console.log(item);
    return (
      <TouchableWithoutFeedback
        onPress={() => (item.state = 'active')}
        style={styles.fullContainer}>
        <View style={[styles.block, styles[item.state]]}>
          <Text>{item.item.name}</Text>
        </View>
      </TouchableWithoutFeedback>
    );
  }}
/>
  • Вопрос задан
  • 42 просмотра
Решения вопроса 1
berezanskiy
@berezanskiy
Frontend и Backend разработчик для web и mobile
но как-то же это можно реализовать?


Вы можете создать отдельный компонент для TouchableWithoutFeedback и хранить состояния и стили в нём.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы