React基礎__JSX語法進階

JSX語法兩種數組的聲明方式：

1）第一種，在組件中遍歷數組

<script>

　　let names=['web-react','web','react']

　　var Component = React.createClass({

　　　　render: function () {

　　　　　　return <div>

　　　　{

　　　　　　names.map(function(name) {

　　　　　　　　return <div key={name}>hello {name}</div>

　　　　　　})

　　　　}

　　　　　　</div>

　　　　}

　　})

　　ReactDOM.render(

　　　　<Component />,

　　　　document.getElementById('app')

　　)

</script>

 

2）第二種，在數組中遍歷

<script>

let arr=[

　　<h1 key='key1'>hello web-react</h1>,

　　<h2 key='key2'>hello web</h2>

　　]

ReactDOM.render(

　　<div>{arr}</div>,

　　document.getElementById('app')

)

</script>