Problem using dynamic data

[meliorence]

Problem using dynamic data

[bd-arc]

@jonathandion I'll reproduce my answer to this issue :)

My guess is that you're trying to render the carousel while it has no child at all. Am I right? Indeed, this would fail since the component depends on children's length. We need to improve component's state management in order to handle this kind of usage.

For now, I would recommend you to render the carousel conditionally. Something along those lines:

get loader () {
    return (
        <ActivityIndicator size={'small'} />
    );
}

get carousel () {
    const { entries } = this.state;
    return (
        <Carousel>
            { entries }
        </Carousel>
    );
}

render () {
    const { products } = this.state;
    return !products.length ? this.loader : this.carousel;
}

Does this do the trick for you?

[bd-arc]

@jonathandion Hi,
This is probably the same issue as #35. There must be something wrong with component's state management. I'll look into it as soon as possible.

[jonathandion]

@bd-arc Hey Benoit,

Thanks sorry for the misunderstood. When I mean dynamic" I mean using data from my server using Ajax. When I use this.state.products I have that error.

this is working {this.renderProducts([{ title : "test"}, { title : "test" }])}
not {this.renderProducts(this.state.products)}

I fetch my products inside componentDidMount and set the state after receiving the data. The default state is this.state({ products: []}).

We really need to have data ?

[jonathandion]

@bd-arc thanks it's working 👍