Adding options to dropdown dynamically with React


#1

How would one go about populating a select element with options that are listing in a collection? I have a working solution that somewhat breaks another aspect of the larger project.
Here is the method in question:
getClientNames() {
return(
this.props.clients.map((client) => (
$(’#orgInput’).append($("").attr(“value”,
client.clientName).text(client.clientName))
)
))
}

Here are the props and service container:
Users.propTypes = {
users: PropTypes.array,
clients: PropTypes.array,
};
export default UsersContainer = createContainer(() => {
Meteor.subscribe(‘list.users’);
Meteor.subscribe(‘list.clients’);
return {
users: Meteor.users.find({}).fetch() || [],
clients: clients.find({}).fetch() || [],
};
}, Users);