React Native отрисовка компонента

У меня есть FlatList, который отображает элемент

<FlatList
        data = {this.state.color}
        renderItem = {this.displayColor}
        horizontal = {true}
        keyExtractor = {item => item.color}
    />

displayColor

displayColor= ({ item }) => {
    let btncolor = 'white'
    if (item.color == this.state.fcolor){
        btncolor = 'red'
    }
    return(
        <Color color = {item.color} btncolor  = {btncolor} colorChosen  = {() =>this.chooseColor(item)}/>
   )         
}

selectColor

chooseColor(item){
   this.setState({
       fcolor:item.color
   })
  this.displayColor({item}) // NOT WORKING
}

Моя задача - показать текущую выбранную кнопку в компоненте Color красным цветом, приведенный выше код выполняет работу, но ему необходимо отобразить func displayColor, чтобы он проверил состояние с помощью item.color после selectColor func setstate fcolor, но я не мог вызвать функцию displayColor для обновления в функции chooseColor, как я могу это сделать или есть простой способ выполнить задачу. Спасибо

Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
0
0
36
1

Ответы 1

Вы должны передать опору extraData в свой FlatList

<FlatList
        data = {this.state.color}
        renderItem = {this.displayColor}
        horizontal = {true}
        extraData = {this.state.fcolor} //Add this line to your FlatList
        keyExtractor = {item => item.color}
    />

Другие вопросы по теме