陣營JSX <option>標籤羣

Question

我想從下面的函數數組填充字符串值的選項標籤：

render: function(){ 
    var array = ['yes','no']; 
    var opts = array.map(function(name){return <option>name</option>}); 
    return(
    <div> 
     <select>{opts}</select> 
    </div> 
    ); 
} 

的問題是，我收到

<option>name</option> 
<option>name</option> 

但我需要

<option>yes</option> 
<option>no</option> 

任何想法如何做到這一點？

Answer 1

裹name到{}

var App = React.createClass({ 
 
    render: function(){ 
 
    var array = ['yes','no']; 
 
    var opts = array.map(function(name){ 
 
     return <option>{ name }</option> 
 
    }); 
 
    
 
    return <div> 
 
     <select>{opts}</select> 
 
    </div> 
 
    } 
 
}); 
 

 
ReactDOM.render(<App />, document.getElementById('container'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 
<div id="container"></div>