1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| import TextField from './fields/text-field';
| import SelectField from './fields/select-field';
| import CheckboxField from './fields/checkbox-field';
| import SwitchField from './fields/switch-field';
|
| const FIELD_MAP = {
| text: TextField,
| email: TextField,
| tel: TextField,
| url: TextField,
| number: TextField,
| textarea: TextField,
| select: SelectField,
| radio: SelectField,
| checkbox: CheckboxField,
| set: CheckboxField,
| true_false: SwitchField,
| };
|
| const Fields = ({ field, value, onChange }) => {
| const Component = FIELD_MAP[field.type];
| if (!Component) return null; // repeater/upload/selector: TODO
| return <Component field={field} value={value} onChange={onChange} />;
| };
|
| export default Fields;
|
|
