在 React 中生成 N 个组件的最佳实践（无数据）

Question

假设我有一个组件，例如：

<FormInput label="Phone Number" />

我想在 UI 上绘制 N 个。实现这一目标的最佳实践是什么？我最初的想法是创建一个包含 N 个成员的数组，以便我可以使用 map，例如：

var myMapTrigger = [0,0,0,0,0]
myMapTrigger.map(function(){
  return (<FormInput label="Phone Number" />)
}

这当然有点hacky。有没有更惯用的方式更“思考React”？

Answer 1

如果您愿意使用 Lodash，那么_.times效果会很好。

_.times(N, i => <FormInput key={i} label="Phone Number" />);

（不要忘记指定一个键以使 React 满意。）