Cómo obtener valores de entrada en Form.item usando el botón de opción AntDesign

Aquí está el código del documento

 import { Radio, Input, Space } from 'antd'; class App extends React.Component { state = { value: 1, }; onChange = e => { console.log('radio checked', e.target.value); this.setState({ value: e.target.value, }); }; render() { const { value } = this.state; return ( <Radio.Group onChange={this.onChange} value={value}> <Space direction="vertical"> <Radio value={4}> More... {value === 4 ? <Input style={{ width: 100, marginLeft: 10 }} /> : null} </Radio> </Space> </Radio.Group> ); } } ReactDOM.render(<App />, mountNode);

pero quiero usar Radio con entrada en Form.item Esto es lo que

 <Form.Item name={name} rules={[{ required: true }]} label={label} className={className}> <Radio.Group value={value} onChange={onChange}> <Space direction="vertical"> {(radioValue as any).map((item: any) => ( <Radio key={item.value} value={item.value}> {item.title} <Form.Item name={'other'} label={' '}> <Input style={{ width: 100, marginLeft: 10 }} /> </Form.Item> </Radio> ))} </Space> </Radio.Group> </Form.Item>

el problema es como lo ve Form.item dentro de Form.item y es ingresar un nuevo elemento de línea, quiero ingresar y botón de opción en la misma línea. Lo hago de esta manera porque quiero obtener valor en onFinish . No estoy seguro de que haya una mejor manera de obtener el valor de entrada en <Radio value={4}> sin usar 2 Form.item anidados.