components/TransactionRowComponent

TransactionRowComponent.js

import React, { Component } from 'react';
import SelectField from 'material-ui/SelectField';
import MenuItem from 'material-ui/MenuItem';

export default class TransactionRowComponent extends Component {
    state = {
        value:null,
    }
    handleChange = (event, index, value) => {
        this.setState({value});
        this.props.onChangeBusinessCenter(this.props.transactionId, value)
    }
    render () {
        let value = !this.state.value ? this.props.businessCenterId : this.state.value;
        return (
            <SelectField
                value={value}
                onChange={this.handleChange}
            >
                {this.props.businessCenters.map(bc => {
                    return <MenuItem key={bc.id} value={bc.id} primaryText={bc.name} />
                })}
            </SelectField>
        );
    }
}