问react this.props.record未定义

EN

<Edit {...this.props} >
    <SimpleForm
      toolbar={null}
    >
      <TextField source='email'/>
      <ArrayField source='allComponents'>
        <Datagrid>
          <TextField label='ID' source='id'/>
          <TextField label='Component Name' source='name'/>
          <RadioButtons label='Access'
                        source='value'
                        onChange={this.handleChange}
                        value={this.props.record.value}
                        name={this.props.record.name}
          />
        </Datagrid>
      </ArrayField>
      <SaveButton onClick={this.handleSubmit}/>
    </SimpleForm>
  </Edit>

export const RadioButtons = ({ handleChange }) => {
    const { value, name } = this.props
    return <FormControl>
      <RadioGroup row value={value.toString()} name={name.toString()}>
        {choices.map(c => <FormControlLabel
            control={<Radio/>}
            label={c.name}
            key={c.id}
            value={c.value}
            style={{ flexDirection: 'column-reverse', padding: '10px 20px' }}
            onChange={handleChange}
          />
        )}
      </RadioGroup>
    </FormControl>
}

const choices = [
  { id: '1', name: 'no access', value: '0' },
  { id: '2', name: 'read access', value: '1' },
  { id: '3', name: 'full access', value: '2' }
]