Form中某个item的值等于另一个item的值

[langziyang]

const [form] = Form.useForm()
const template = Form.useWatch('template', form)


<Form form={form} labelAlign='top'>
                <Form.FormItem name='template' label='短信模板'>
                    <Select
                        options={templates}
                        valueType='object'
                    />
                </Form.FormItem>
                <Form.FormItem
                    name='serial'
                    label='短信编号'
                    rules={[{required: true}]}
                    help='内部批次编号,同一人同一编号会自动去重'>
                    <Input/>
                </Form.FormItem>
                <Form.FormItem
                    name='resend'
                    label='允许重复发送'
                    help='开启允许重复发送后,同一人同一个短信编号会再次发送'
                >
                    <Switch/>
                </Form.FormItem>
                <Form.FormItem
                    name='content'
                    label='短信内容'
                    rules={[{required: true}]}
                    help='超过70个字符后，短信会分多条发送'
                >
                    <Textarea
                        value={template?.text}
                        onChange={(value) => setSmsText(value)}
                        placeholder='清输入短信内容'
                        maxlength={70}
                        allowInputOverMax
                        tips='如需要在短信内容中显示姓名，请使用{name}表示(带大括号)'
                        rows={5}
                    />
                </Form.FormItem>
            </Form>

当短信模板中选择不了同的项时，短信内容就变成模板中的text，为什么没更新

[HaixingOoO]

[langziyang]

刚才试了几种方法，都不满意，最终这样做的

<Form form={form} labelAlign='top'>
                <Form.FormItem
                    label='短信模板'
                >
                    <Select
                        options={templates}
                        valueType='object'
                        onChange={(value) => setTemplate(value)}
                    />
                </Form.FormItem>
                <Form.FormItem
                    name='serial'
                    label='短信编号'
                    rules={[{required: true}]}
                    help='内部批次编号,同一人同一编号会自动去重'>
                    <Input/>
                </Form.FormItem>
                <Form.FormItem
                    name='resend'
                    label='允许重复发送'
                    help='开启允许重复发送后,同一人同一个短信编号会再次发送'
                >
                    <Switch/>
                </Form.FormItem>
                <Form.FormItem
                    name='content'
                    label='短信内容'
                    rules={[{required: true}]}
                    help='超过70个字符后，短信会分多条发送'
                >
                    <div>
                        <Textarea
                            value={template?.text}
                            onChange={(value) => setTemplate(prevState => ({...prevState, text: value}))}
                            placeholder='清输入短信内容'
                            maxlength={70}
                            allowInputOverMax
                            tips='如需要在短信内容中显示姓名，请使用{name}表示(带大括号)'
                            rows={5}
                        />
                    </div>
                </Form.FormItem>
            </Form>