Fetch list of meetup.com meetups using their API and a ReactJS render prop.
You'll need a meetup.com API Key and the ID of the meetup(s) you want to fetch.
import Meetups from "react-meetup-meetups"
const meetupsIds = [ 9114182, 2753202, 10685042 ];
const apiKey = "xxxxxx";
const fmtTime = time => new Date(time).toISOString();
const App = () => (
<div>
<h3>Next meetups:</h3>
<Meetups
apiKey={apiKey}
meetupsIds={meetupsIds}
render={results => results.map(({time, name}) => <li>{fmtTime(time)} : {name}</li>)}
loading={() => <div>Loading...</div>}
/>
</div>
);
See full example and demo
Also, the codesandbox live usage example : https://codesandbox.io/s/24p6v31vkj