Xtykutl

Am using the code below to display records in reaxt redux, everything works fine. now I want to display the result in
a dropdown like in the code below but cannot get it to work.

    <select name="form-field-name" value={user.firstName} onChange={this.handleChange}/>

<option value="{user.id}">  {user.firstName + ' ' + user.lastName}  </option></select>

here is the main code

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>







        );

    }

}

This is how I was able to resolve it

                    <select>

<option   value='' >--select--</option>

                        {users.items.map((user, index) =>







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



                        )}



</select>