Установить состояние в FlatList - PullRequest
Новая
       33

Установить состояние в FlatList

0 голосов
/ 24 февраля 2020

Я создаю простой компонент с несколькими объектами состояния. Я хочу установить значение состояния внутри FlatList, но причина в том, что при запуске кода нажмите кнопку, где я вызываю функцию обратного вызова, страница пропадает, а затем появляется ошибка 

import React, {useState} from 'react';
import {View, StyleSheet, Text, Button, FlatList} from 'react-native';
import ColorCounter from '../components/ColorCounter';

const SquareScreen = () =>{
    const [Colors,SetColors] = useState([
        {
            Name : 'Red',
            Value : 0
        },
        {
            Name : 'Green',
            Value : 0
        },
        {
            Name: 'Blue',
            Value : 0
        }
    ]);

    return(
        <View>
            <FlatList keyExtractor={Key => Key.Name} data={Colors} renderItem={({item}) => {
                return (

                    <ColorCounter OnIncrease={() => {SetColors(item.Value + 1)}} OnDecrease={() => {SetColors(item.Value - 1)}} Name={item.Name} />
                );
            }}/>
        </View>
    );
};
...