getFieldDecorator ist eine Methode des Formulars form, die zwei Parameter empfängt
Der erste Parameter ist das dem Formular entsprechende Feld
Die zweite ist die Überprüfungsregel. Die Methode selbst gibt eine Methode zurück, die in die Beschriftung des erhaltenen Werts eingeschlossen werden muss.
getFieldDecorator („Name des benutzerdefinierten Steuerelements“, {Formularregel}) („Wertbeschriftung“)
<Form.Item>
{getFieldDecorator('userName', {
initialValue: 'Jack',
rules: [
{
required: true,
message: '请输入用户名',
},
{
max: 10,
message: '不得超过10个字符',
},
],
})(<Input/>)}
</Form.Item>
Wirkung:
Wenn die Komponente in der zweiten Klammer mit einer Blasenkomponente <Popover></Popover> umschlossen wird
Änderungen im Inhalt des Eingabefelds können nicht erkannt werden
<Form.Item>
{getFieldDecorator('userName', {
initialValue: 'Jack',
rules: [
{
required: true,
message: '请输入用户名',
},
{
max: 10,
message: '不得超过10个字符',
},
],
})(
<Popover content={content} title="Title">
<Input placeholder="请输入用户名" />
</Popover>
)}
</Form.Item>
getFieldValue:
Verwenden Sie getFieldValue, um den Wert des von getFieldDecorator gebundenen Steuerelements abzurufen
getFieldValue(`rules[${index}].name`) //自定义字段名字为变量的时候
getFieldValue('name')