1 <script type="text/babel"> 2 var names = ['yupeichun',"Abigale","YPC"]; 3 4 React.render( 5 <div> 6 { 7 names.map(function (name){ 8 return <div>hello,{name}!</div> 9 } 10 ) 11 } 12 </div>, 13 document.getElementById('example') 14 ); 15 </script>
以上代码中,为什么遍历了数组之后已经加了<div></div>之后还要在最外层加<div></div>呢,关于这个流程不是很清楚,可以帮我解答吗
因为render只能render 一个组件,maps是遍历的 会遍历好多div 所以外部需要一个大的div将他们包裹