选择Meteor React表单选择

Question

我正在使用Meteor和React并拥有以下组件：

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是来自数据库的值。除了select选项之外，组件正在完全按照我想要的方式显示我想要的值。这是在屏幕上呈现的内容：

我的问题是如何在选项中添加selected="selected"，以便它代表正确的角色？

非常感谢提前。

Answer 1

不需要添加selected="selected"，您只需输入错字。

  

value = {this.state.selectValue}，v - ＆gt; V