react-select multiple select input with redux-form example

input.jsx

const renderSelect = field => (
  <Select
    id={field.id}
    name={field.input.name}
    multi={true}
    joinValues={true}
    value={field.input.value}
    options={field.options}
    onChange={(val) => field.input.onChange(val)}
  />
)

redux-form.jsx

const categories = [
    { label: 'Banana', value: '1' },
    { label: 'Apple', value: '2' },
    { label: 'Mango', value: '3' },
    { label: 'Goa', value: '4' },
    { label: 'Grapes', value: '5' },
    { label: 'Pine Apple', value: '6' },
];

<Field
  name={'categories'}
  id={'categories'}
  component={renderSelect}
  options={categories}
/>