<Input label="Retail price" editMode name="retail_price" rules={[{ required: true, message: validationRequiredText('retail price') }]} type="number" min={1}/>
<Input
label="Retail price"
editMode
name="retail_price"
rules={[{ required: true, message: validationRequiredText('retail price') }]}
type="number"
min={1}
/>
在此,我如何使用name=“retail_price”更新和设置表单值?我在谷歌上尝试了其他答案,但没有得到预期的输出。
xjreopfe1#
要按名称设置值,可以使用useForm挂接:
useForm
const [form] = Form.useForm();const onSubmit = () => { form.setFieldsValue({ retail_price: 'Hi, man!' });}<Button type="primary" onClick={onSubmit}>submit example</Button><Form form={form}> <Form.Item name="retail_price" label="Retail price" rules={[{ required: true, message: validationRequiredText('retail price') }]}> <Input editMode type="number" min={1} /> </Form.Item></Form>
const [form] = Form.useForm();
const onSubmit = () => {
form.setFieldsValue({ retail_price: 'Hi, man!' });
}
<Button type="primary" onClick={onSubmit}>submit example</Button>
<Form form={form}>
<Form.Item name="retail_price" label="Retail price" rules={[{ required: true, message: validationRequiredText('retail price') }]}>
<Input editMode type="number" min={1} />
</Form.Item>
</Form>
s71maibg2#
现代浏览器支持本机querySelectorAll,因此您可以执行以下操作:“零售价格”是一个很重要的概念。希望这对你有帮助。
r1zhe5dt3#
你可以使用react-hook-form库来管理输入的值。这里是officical documention
import React from "react";import { useForm } from "react-hook-form";export default function FormValidation() { const { register, handleSubmit } = useForm(); const onSubmit = (data) => { console.log(data); }; return ( <div> <form onSubmit={handleSubmit(onSubmit)} > <Input placeholder="Retail price" type="text" {...register("retail_price"} /> <Button type="submit">Submit</Button> </form> </div> );}
import React from "react";
import { useForm } from "react-hook-form";
export default function FormValidation() {
const {
register,
handleSubmit
} = useForm();
const onSubmit = (data) => {
console.log(data);
};
return (
<div>
<form
onSubmit={handleSubmit(onSubmit)}
>
placeholder="Retail price"
type="text"
{...register("retail_price"}
<Button type="submit">Submit</Button>
</form>
</div>
);
3条答案
按热度按时间xjreopfe1#
要按名称设置值,可以使用
useForm
挂接:s71maibg2#
现代浏览器支持本机querySelectorAll,因此您可以执行以下操作:
“零售价格”是一个很重要的概念。
希望这对你有帮助。
r1zhe5dt3#
你可以使用react-hook-form库来管理输入的值。这里是officical documention