带状态记录的admin-on-rest馈送

Question

我有一个像这样的DisabledInput

<DisabledInput source="values" />

但是我想给这个字段提供一个状态变量。因为该状态变量可以随着用户交互而改变。更准确地说，在页面上有一个列表框，当用户向该列表框添加一个新值时，"values“状态变量会发生如下变化

"item1，item2，item3...“我想把这个状态变量作为数据提供给DisabledInput

this.state.values

我不知道该怎么做。也许有一种像下面这样的方法，但我不能这样做

<DisabledInput source="values" record={this.state.values} />

有可能吗？

Answer 1

我使用了ArrayInput，如下所示。我之前没有意识到这个组件。

<SelectInput source='type'
            choices={[
                { name: 'String', id: 'string' },
                { name: 'Enum', id: 'enum' },
                { name: 'Decimal', id: 'decimal' }
            ]}
            onChange={event => {
                const type = Object.values(event).slice(0, -1).join('');
                this.setState({
                    listEditorVisible: type === 'enum',
                    regexEditorVisible: type === 'string',
                    decimalEditorVisible: type === 'decimal'
                });
            }}
/>
{this.state.listEditorVisible ?
    <ArrayInput source='values'>
        <SimpleFormIterator>
            <TextInput source='name' />
        </SimpleFormIterator>
    </ArrayInput>
    :
    null}
{this.state.decimalEditorVisible ?
    <div>
        <NumberInput source="min" /><br />
        <NumberInput source="max" /><br />
        <NumberInput source="res" /><br />
        <TextInput source="unit" />
    </div>
    :
    null}