Я использую Flatlist и Redux для загрузки списка цветов.
Прямо сейчас я получаю сообщение об ошибке выше, когда пытаюсь добавить свои данные в плоский список.
Я думаю, что есть какая-то проблема с редуктором, но я уже пробовал множество решений.
render() {
const flowers = this.props.flowers ? this.props.flowers.results : [];
console.log('flowers in renderu', flowers);
return (
<View style={styles.container}>
<SearchBar searchFlowers={this.searchFlowers} />
<FlatList
keyExtractor={(item, index) => index.toString()}
renderItem={this.renderFlower}
onRefresh={this.getFlowers}
data={flowers}
numColumns={2}
refreshing={false}
/>
</View>
);
}
Вот мой редуктор:
import * as types from './types';
const INITIAL_STATE = {
isFetching: false,
results: [],
};
export default function reducer(state = INITIAL_STATE, action) {
switch (action.type) {
case types.GET_FLOWERS:
return { ...state, loading: true, results: []};
case types.GET_FLOWERS_SUCCESS:
return { ...state, loading: false, results: action.payload };
case types.GET_FLOWERS_FAIL:
return {
...state,
loading: false,
error: 'Error while fetching flowers'
};
default:
return state;
}
}