流星陣營形式選擇中選擇

Question

我一起來看流星工作並作出反應，並具有以下組件：

User = React.createClass({ 
    getInitialState() { 
    return { selectValue: this.props.user.roles[0] }; 
    }, 
    handleChange(event) { 
    this.setState({ selectValue: event.target.value }); 
    }, 
    render() { 
    let message ='You selected ' + this.state.selectValue; 

    return (
     <tr> 
     <td> 
      {this.props.user.profile.name.first} 
     </td> 
     <td> 
      {this.props.user.profile.name.last} 
     </td> 
     <td> 
      {this.props.user.emails[0].address} 
     </td> 
     <td> 
      <select name="userRole" value={this.state.selectvalue} onChange={this.handleChange}> 
      <option value="admin">Admin</option> 
      <option value="manager">Manager</option> 
      <option value="employee">Employee</option> 
      </select> 
      <p>{message}</p> 
     </td> 
     </tr> 
    ); 
    } 
}); 

的this.props.user.roles在getInitalState是來自數據庫的值。該組件正在做我想要除了選擇選項沒有顯示我想要的值。這就是呈現出屏幕上：

我的問題是如何將添加一個selected="selected"的選項，它代表了正確的角色？

非常感謝提前。

Answer 1

不需要添加selected="selected"，你只是有一個錯字。

值= {this.state.selectValue}，V> - V