Example with multiple components

I tried a few things to get it working, but I’m not there yet (see #26).

Example

I have a Page (component) and another component representing a User. The Page will show a colleciton of User components.

If I add the following to Page.js

import { SimpleImg, SimpleImgProvider } from 'react-simple-img'

class Page {
  // ...

 render () {
  return this.props.users.map((user) => <User {...user} SimpleImg={SimpleImg} />)
}
}

export default SimpleImgProvider(Page, { threshold: 0.5 })

And in User.js I use props.SimpleImg, the images are never updated, only the placeholder is shown.

[yusinto]

Nice work thank you

On Sun, 5 Aug 2018 at 11:29 am, Bill [e-mail] wrote:

Hi @millette https://github.com/millette i have updated with a patch to fix the provider bug 😃

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/bluebill1049/react-simple-img/issues/27#issuecomment-410488753, or mute the thread https://github.com/notifications/unsubscribe-auth/ABhO9WIR8qEfruOjOIvYLqd5JKWFMnx1ks5uNkp7gaJpZM4Vmu-I .

[bluebill1049]

I will take a look the provider issue soon over the weekend. To be honest i probably need to update the context API too.