gistfile1.txt

import React, { Component } from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import styles from './schedule.styles';

export default class Schedule extends Component {
  constructor(props) {
    super(props);
    this.state = {
      schedule: [],
    };
  }

  componentDidMount() {
    const schedule = Array.from(Array(10)).map((item, index) => {
      return {
        id: index + 100,
        title: '15:00 - 16:00',
        active: false,
      };
    });
    schedule[0].active = true;
  }

  activeChange = (id, row) => {
    const newRow = row.map((item) => {
      if (item.active) {
        const newItem = { ...item };
        newItem.active = (item.id === id);
        return newItem;
      }
      if (item.id === id) {
        const newItem = { ...item };
        newItem.active = true;
        return newItem;
      }
      return item;
    });
    return newRow;
  }

  activeChangeSchedule = (id) => {
    const schedule = this.activeChange(id, this.state.schedule);
    this.setState({ schedule });
  }


  render() {

    const list = this.state.schedule.map((item) => {
      <TouchableOpacity style={styles.buttonActive}
        onPress={this.activeChangeQuantity}
        id={item.id}
        active={item.active} >
        <Text style={styles.textActive}> {item.title} </Text>
      </TouchableOpacity>
    })
    const same_text = {
      <Text> {index} </Text>
      <Text> {index} </Text>
      <Text> {index} </Text>
    })

    return (
      <View style={styles.container}>
        {same_text}
      </View>
    );
  }
}

Schedule.defaultProps = {
  time: '15:00 - 16:00',
};