react components multiple-use

[geniuszty]

I've no idea about how to import two or more same react component objects into one pug template ,with different props and being rendered with different html ids.

[embbnux]

Controller:

const locals = {
   component1: await renderToString(<Articles articles={ articles } />),
   component2: await renderToString(<Articles articles={ articles2 } />)
}
await ctx.render('home/index', locals);

View:

#articles
    !=component1
#articles1
  !=component1

JS:

ReactDOM.render(
  <Articles articles={ articles } />,
  document.getElementById('articles')
);
ReactDOM.render(
  <Articles articles={ articles2 } />,
  document.getElementById('articles1')
);