Skip to main content
título editado
Enlace
fabrixo96
  • 216
  • 1
  • 10

Unexpected token, expected "..." Bucle en array map()

se añadieron 18 caracteres en el cuerpo
Origen Enlace
fabrixo96
  • 216
  • 1
  • 10
  render() {
    return (
      <View style={styles.container}>
        <CalendarList
          {this.state.usuarios.map((usuarioTemp) => (
          <CalendarList
            markedDates={{
              [usuarioTemp.date]: {
                selected: true,
                disableTouchEvent: true,
                selectedColor: "orange",
                selectedTextColor: "red",
              },
            }}
          ))}/>
        />))}
      </View>
    );
  }
  render() {
    return (
      <View style={styles.container}>
        <CalendarList
          {this.state.usuarios.map((usuarioTemp) => (
          markedDates={{
            [usuarioTemp.date]: {
              selected: true,
              disableTouchEvent: true,
              selectedColor: "orange",
              selectedTextColor: "red",
            },
          }}
          ))}
        />
      </View>
    );
  }
  render() {
    return (
      <View style={styles.container}>
          {this.state.usuarios.map((usuarioTemp) => (
          <CalendarList
            markedDates={{
              [usuarioTemp.date]: {
                selected: true,
                disableTouchEvent: true,
                selectedColor: "orange",
                selectedTextColor: "red",
              },
            }}
          />
        ))}
      </View>
    );
  }
se añadieron 25 caracteres en el cuerpo
Origen Enlace
alo Malbarez
  • 9.7k
  • 3
  • 12
  • 29

estoyEstoy implementando un calendario en react native con expo,el problema se basa en que quiero traer una fecha de la BD en firebase recorrerla y asiasí marcar un evento en el calendario para esto uso:

    constructor(props) {
    super(props);

    this.state = {
      selected: "",
      usuarios: [],
     };
    }


    componentDidMount() {
        firebase
          .database()
          .ref("DatosCli/")
          .on("child_added", (data) => {
            var datos = data.val();
            var usuariosTemp = this.state.usuarios;
            datos.key = data.key;
            usuariosTemp.push(datos);
            this.setState({ usuarios: usuariosTemp });
          });
      }


      cargarDatos = async () => {
    var userTemp = new Array();
    var data = await firebase.database().ref("/DatosCli").once("value");

    data.forEach((child) => {
      var user = child.val();
      user.key = child.key;
      userTemp.push(user);
    });
     this.setState({ usuarios: userTemp });
    };

y en el return  -aqui aquí es donde esta generando el error..justo Justo en la linea donde estaestá el state.mapstate.map

  render() {
    return (
      <View style={styles.container}>
        <CalendarList
          {this.state.usuarios.map((usuarioTemp) => (
          markedDates={{
            [usuarioTemp.date]: {
              selected: true,
              disableTouchEvent: true,
              selectedColor: "orange",
              selectedTextColor: "red",
            },
          }}
          ))}
        />
      </View>
    );
  }

}

en ocaciones En ocasiones anteriores habiahabía recorrido la bd pero nunca de esta forma,no se no sé si estaestá bien o hay otra forma mejor.. la libreriaLa librería de calendario es: https://github.com/wix/react-native-calendars

estoy implementando un calendario en react native con expo,el problema se basa en que quiero traer una fecha de la BD en firebase recorrerla y asi marcar un evento en el calendario para esto uso:

constructor(props) {
super(props);

this.state = {
  selected: "",
  usuarios: [],
 };
}


componentDidMount() {
    firebase
      .database()
      .ref("DatosCli/")
      .on("child_added", (data) => {
        var datos = data.val();
        var usuariosTemp = this.state.usuarios;
        datos.key = data.key;
        usuariosTemp.push(datos);
        this.setState({ usuarios: usuariosTemp });
      });
  }


  cargarDatos = async () => {
var userTemp = new Array();
var data = await firebase.database().ref("/DatosCli").once("value");

data.forEach((child) => {
  var user = child.val();
  user.key = child.key;
  userTemp.push(user);
});
 this.setState({ usuarios: userTemp });
};

y en el return-aqui es donde esta generando el error..justo en la linea donde esta el state.map

 render() {
return (
  <View style={styles.container}>
    <CalendarList
      {this.state.usuarios.map((usuarioTemp) => (
      markedDates={{
        [usuarioTemp.date]: {
          selected: true,
          disableTouchEvent: true,
          selectedColor: "orange",
          selectedTextColor: "red",
        },
      }}
      ))}
    />
  </View>
);

}

en ocaciones anteriores habia recorrido la bd pero nunca de esta forma,no se si esta bien o hay otra forma mejor.. la libreria de calendario es: https://github.com/wix/react-native-calendars

Estoy implementando un calendario en react native con expo,el problema se basa en que quiero traer una fecha de la BD en firebase recorrerla y así marcar un evento en el calendario para esto uso:

    constructor(props) {
    super(props);

    this.state = {
      selected: "",
      usuarios: [],
     };
    }


    componentDidMount() {
        firebase
          .database()
          .ref("DatosCli/")
          .on("child_added", (data) => {
            var datos = data.val();
            var usuariosTemp = this.state.usuarios;
            datos.key = data.key;
            usuariosTemp.push(datos);
            this.setState({ usuarios: usuariosTemp });
          });
      }


      cargarDatos = async () => {
    var userTemp = new Array();
    var data = await firebase.database().ref("/DatosCli").once("value");

    data.forEach((child) => {
      var user = child.val();
      user.key = child.key;
      userTemp.push(user);
    });
     this.setState({ usuarios: userTemp });
    };

y en el return  - aquí es donde esta generando el error. Justo en la linea donde está el state.map

  render() {
    return (
      <View style={styles.container}>
        <CalendarList
          {this.state.usuarios.map((usuarioTemp) => (
          markedDates={{
            [usuarioTemp.date]: {
              selected: true,
              disableTouchEvent: true,
              selectedColor: "orange",
              selectedTextColor: "red",
            },
          }}
          ))}
        />
      </View>
    );
  }

En ocasiones anteriores había recorrido la bd pero nunca de esta forma, no sé si está bien o hay otra forma mejor. La librería de calendario es: https://github.com/wix/react-native-calendars

se añadieron 81 caracteres en el cuerpo
Origen Enlace
fabrixo96
  • 216
  • 1
  • 10
Loading
Origen Enlace
fabrixo96
  • 216
  • 1
  • 10
Loading