如何渲染反应组件x次?

我有以下组件,它应该在p标记中重复hello x time作为repeat参数,我有一个问题,dom中没有渲染任何内容,render的返回为空。

如何修复它?

 const content = 'hello';

 const render= (repeat?: number) => {
   const arr = new Array(repeat || 1)
   return arr.map(n => <p key={n}>{content}</p>)
 }

 export const Print = ({ classes, repeat }: Props) => (
   <div>{render(repeat)}</div>
 )