Как отобразить записи в раскрывающемся списке с помощью реагировать редукса

Question

Я использую код ниже для отображения записей в формате ReaX, все работает отлично. Теперь я хочу отобразить результат в выпадающий список , как в приведенном ниже коде, но не может заставить его работать.

    <select name="form-field-name" value={user.firstName} onChange={this.handleChange}/>
<option value="{user.id}">  {user.firstName + ' ' + user.lastName}  </option></select>

вот основной код

import React from 'react';
import { Link } from 'react-router-dom';
import { connect } from 'react-redux';

import { dropdownActions } from '../_actions';

class DropdownApp extends React.Component {

constructor(props) {
        super(props);

this.state = {
            us: 0

        };


    }

    componentDidMount() {
this.props.dispatch(userActions.DropdownRecords());
    }

    handleDeleteUser(id) {
        return (e) => this.props.dispatch(userActions.delete(id));
    }


    render() {
        const { user, users } = this.props;
        return (
            <div style={{background:'green'}} className="well col-md-6 col-md-offset-3">




   {users.items &&
                    <ul>
                        {users.items.map((user, index) =>
                            <li key={user.id}>

 /*

         <select name="form-field-name" value={user.firstName} onChange={this.handleChange}/>
<option value="{user.id}">  {user.firstName + ' ' + user.lastName}  </option></select>

*/


                                {user.firstName + ' ' + user.lastName}  

</li>                      

                        )}

                    </ul>
                }
                <p>

hello

                </p>


            </div>



        );
    }
}

Answer 1

Вот так я смог решить

                    <select>
<option   value='' >--select--</option>
                        {users.items.map((user, index) =>



         <option  key={user.id}  value='{ user.id }' >{ user.lastName}</option>

                        )}

</select>