Gerenciador & Editor PHP

📍 /home/diasdiamonds/public_html/vendor/cakedc/mixer/src/React/components/FetchData

📝 Editando: FetchData.js

import React, { Component } from 'react'
import { connect } from 'react-redux'

import { Loader } from '../Loader'
import { fetchDataIfNeeded } from './actions'

class FetchData extends Component {

componentDidMount() {
        const { dispatch, query, namespace } = this.props
        dispatch(fetchDataIfNeeded(namespace, query))
    }

componentDidUpdate(prevProps) {
        if (this.props.query !== prevProps.query) {
            const { dispatch, query, namespace } = this.props
            dispatch(fetchDataIfNeeded(namespace, query))
        }
    }

render() {
        const { data, isFetching } = this.props

return (
            <div className="clearfix">
                {isFetching && data === null &&
                <div className="box box-default box-empty">
                    <div className="box-body" />
                    <Loader />
                </div>
                }
                {!isFetching && (data === null || data.length === 0) &&
                    <div className="alert alert-warning">Nothing found on your request</div>
                }
                {data !== null &&
                    React.Children.map(this.props.children, (child) => React.cloneElement(child, { data, isFetching }))
                }
            </div>
        );
    }
}

function mapStateToProps(state, ownProps) {
    const { query, namespace } = ownProps || {
        query: ''
    }

const { isFetching, data } = state[namespace] || {
        isFetching: false,
        data: null
    }

return { query, data, isFetching }
}

export default connect(mapStateToProps)(FetchData)

[ Cancelar ]

Nome	Permissões	Ações
[ .. Voltar ]
📄 FetchData.js	0644	[ EDITAR/VER ]
📄 actions.js	0644	[ EDITAR/VER ]
📄 index.js	0644	[ EDITAR/VER ]
📄 reducers.js	0644	[ EDITAR/VER ]