0

alguien me dice como puedo agregarle una condición a los datos que llamo desde mi base de datos? tengo una tabla Matricula donde los llamo todo, y lo que quiero es solo mostrar en un ReactTable los que tengan fecha de hoy.. Aquí el código

class Matricula extends Component {
    state = {
        datos:[],
        today: new Date()

    }

    componentDidMount = () => {
    this.fetchData()
    }
    fetchData = async () => {
        try {
          const response = await getAll('matricula') //llamo todos los registros
          console.log("ver: ", response.data); //en la consola puedo ver todas las matriculas Id, Fecha, nombre
          if (response.data.fecha.toLocaleString() === this.state.today.toLocaleDateString()) { // no se que me falta
          this.setState({
            status: "done",
            datos: response.data,
          });

        }
        } catch (error) {
          this.setState({
            status: "error"
          });
        }
      };



    render() {

        const data = this.state.matriculas;
        return (
                <ReactTable 
                    data={data} 
                    contentEditable
                    filterable
                    collapseOnDataChange={false}

          columns={[
                {
                  Header: "Id",
                  accessor: "id"
                },
                {
                  Header: "Name",
                  accessor: "Name"
                },
                {
                  Header: "Date",
                  accessor: "date",
                  id: "date",
                }

              ]
            }

          defaultPageSize={14}
          className="-striped -highlight"
        />
)}
export default Matricula;

2 respuestas 2

0

Eso es algo que podrías filtrar previamente en el servidor. De lo contrario, si estás manejando fechas en JS te recomendaría usar la libreria moment.js.

Podrías hacer algo asi:

import moment from 'moment';

const iscurrentDate = moment(response.data.fecha).isSame(new Date());
if (iscurrentDate) {
  // Lanza tu condición
}
0

Pensando que tus fechas son objeto Date, haria algo como esto:

 let datosHoy = response.data.filter(item=>item.fecha.getTime() === this.state.today.getTime())
        this.setState({
            status: "done",
            datos: datosHoy,
          }); 

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.